提高开发效率的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
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)
- 最新
- 精选
- 言十年Mark3
- 亮灯mark
- 北秋客mark
- Geek_d4648amark
- 爱学习的大叔mark
- 陈群Mark
- 小柒棒!
收起评论