极客视点
极客时间编辑部
极客时间编辑部
113242 人已学习
免费领取
课程目录
已完结/共 3766 讲
2020年09月 (90讲)
时长 05:33
2020年08月 (93讲)
2020年07月 (93讲)
时长 05:51
2020年06月 (90讲)
2020年05月 (93讲)
2020年04月 (90讲)
2020年03月 (92讲)
时长 04:14
2020年02月 (87讲)
2020年01月 (91讲)
时长 00:00
2019年12月 (93讲)
2019年11月 (89讲)
2019年10月 (92讲)
2019年09月 (90讲)
时长 00:00
2019年08月 (91讲)
2019年07月 (92讲)
时长 03:45
2019年06月 (90讲)
2019年05月 (99讲)
2019年04月 (114讲)
2019年03月 (122讲)
2019年02月 (102讲)
2019年01月 (104讲)
2018年12月 (98讲)
2018年11月 (105讲)
时长 01:23
2018年10月 (123讲)
时长 02:06
2018年09月 (119讲)
2018年08月 (123讲)
2018年07月 (124讲)
2018年06月 (119讲)
时长 02:11
2018年05月 (124讲)
时长 03:16
2018年04月 (120讲)
2018年03月 (124讲)
2018年02月 (112讲)
2018年01月 (124讲)
时长 02:30
时长 02:34
2017年12月 (124讲)
时长 03:09
2017年11月 (120讲)
2017年10月 (86讲)
时长 03:18
时长 03:31
时长 04:25
极客视点
15
15
1.0x
00:00/04:23
登录|注册

提高开发效率的9个工具

讲述:丁婵大小:6.05M时长:04:23
近日,软件工程师纳比尔·纳拉卡(Nabil Nalakath)发文列出 9 个有用的在线工具,并称这些工具对任何开发人员而言,都会是得力助手(排名不分先后)。以下为具体内容。

1. Can I Use

如果你曾经想了解浏览器对 Web API(例如 Local Storage)的兼容性,那么 Can I Use 是个不错的选择。它为桌面版和移动版浏览器提供了一个表格,这个表格包含了这些浏览器对 Web API 的最新支持情况。

2. Unminify

Unminify.com 是一个免费的在线工具,用于复原(解包、反混淆)JavaScript、CSS 和 HTML 代码,让这些代码变得更容易阅读,且干净漂亮。
对于没有缩进的代码,或者只包含一行代码的文件(所有代码都挤在这一行难以阅读),你会不会觉得它们很难看?把它们拷贝并粘贴到 Unminify,可以瞬间让它们变得容易理解。

3. Compressor

对于网站来说,图像大小是影响网页加载速度的一个主要因素。Compressor.io 是一个在线工具,用于压缩图像大小,而不会降低图像质量。这个工具相当棒,以至于图像质量在压缩前后几乎看不出区别。

4. Cloudcraft

Cloudcraft 可以帮助你设计云,并制定云资源预算。它提供了非常酷的拖放功能,通过连接不同的云基础设施服务(目前只适用于 AWS),可以创建出 3D 图表。另外,在预算标签页可以看到当前架构的具体预算信息。

5. Repl.it

Repl.it 可能正是你多年来一直寻觅的那个在线 IDE,你可以在几秒钟之内为你喜欢的编程语言或技术栈启动一个编程环境。
它支持所有现代编程语言,比如 Python、 Kotlin 、 Ruby 和 JavaScript。你可以安装语言库和包,然后直接使用它们,免去下载和管理工作。你也可以直接通过 Repl.it 链接分享代码,还能通过嵌入 Repl.it 链接让用户与代码交互。

6. RequestBin

RequestBin 为用户提供了一个实时的 HTTP 端点,用于收集所有发出的请求,这样你就可以很容易地解析它们来检查和验证数据,非常方便地检查和验证数据。
如果你想调试来自不同网站的 Webhook 请求,并且不确定会收到怎样的数据结构或数据类型,那么这个网站就非常有用。

7. Web Code

Web Code 是一个非常好的代码生成器。只要输入你的需求,它就可以生成代码,满足各种基本的和高级的需求。对于不是很熟悉 HTML 和 CSS 的 Web 开发人员来说,这个工具非常有用。

8. BundlePhobia

自从现代化前端框架技术出现后,人们就一直想要减小包的大小,以便缩短用户加载页面的时间。
BundlePhobia 帮你分析,向你的项目添加一个 npm 包,会使你的项目变大多少。你可以直接将 package.json 文件上传到这个网站,获得项目中所有包的分析结果,也可以搜索具体某个包的详细信息。

9. Fingerprint.js

通过网站来获取浏览器的一系列唯一标识并非易事,但你可以使用这个Fingerprint.js生成浏览器唯一标识,这既不需要用到 cookie,也不需要用到任何可能随时被恶意用户重置的数据。它快速提取网页浏览器的大量属性,既可以单独使用它们,也可以用它们生成散列值,用于标识用户的唯一性。
当你在做一个 Web 项目时,这个工具提取的属性是最有可能替代移动设备的 UUID 的。
你可以从 CDN 引用这个库,或者通过 npm 包来安装它。
以上就是纳比尔·纳拉卡总结的对他而言有用的 9 个在线工具,你常用的提高开发效率的工具有哪些呢?欢迎在评论区分享给大家。
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结
该免费文章来自《极客视点》,如需阅读全部文章,
请先领取课程
免费领取
登录 后留言

全部留言(7)

  • 最新
  • 精选
  • 言十年
    Mark
    3
  • 亮灯
    mark
  • 北秋客
    mark
  • Geek_d4648a
    mark
  • 爱学习的大叔
    mark
  • 陈群
    Mark
  • 小柒
    棒!
收起评论
大纲
固定大纲
1. Can I Use
2. Unminify
3. Compressor
4. Cloudcraft
5. Repl.it
6. RequestBin
7. Web Code
8. BundlePhobia
9. Fingerprint.js
显示
设置
留言
7
收藏
99+
沉浸
阅读
分享
手机端
快捷键
回顶部