作者丨Nabil Nalakath
译者丨无明
策划丨万佳
互联网真是个奇特的当地,它不只教你如何写代码,还供给了许多有用的东西,在开发的各个阶段帮你节省宝贵时刻。本文将列出 9 个有用的在线东西,对任何开发人员而言,它们都会是得力助手(排名不分先后)。
1. Can I Use
假如你从前想了解阅读器对 Web API(例如 local storage)的兼容性,那么 Can I Use 是个不错的挑选。它为桌面版和移动版阅读器供给了一个表格,这个表格包括了这些阅读器对 Web API 的最新支撑状况。
各种阅读器对 local storage 的支撑状况
2. Unminify
Unminify.com 是一个免费的在线东西,用于恢复(解包、反混杂)Javascript、CSS 和 HTML 代码,让这些代码变得更简单阅览,且洁净美丽。
关于没有缩进的代码,或许只包括一行代码的文件(一切代码都挤在这一行难以阅览),你会不会觉得这样的代码很丑陋?把它们复制并粘贴到 Unminify,瞬间让它们变得简单了解。
unminify.com
3. Compressor
关于网站来说,图画巨细是影响网页加载速度的一个重要的要素。
Compressor.io 是一个在线东西,用于紧缩图画巨细,而不会下降图画质量。这个东西适当棒,以至于图画质量在紧缩前和紧缩后简直看不出差异。
compressor.io
4. Cloudcraft
Cloudcraft 能够在必定程度上协助你规划云,并拟定云资源预算。它供给了十分酷的拖放功用,经过衔接不同的云基础设施服务(现在只适用于 AWS),能够创建出 3D 图表。
在预算标签页能够正常的看到当时架构的详细预算信息。
运用 AWS 服务规划云架构
5. Repl.it
Repl.it 或许正是你多年来一向寻找的那个在线 IDE,这真是一个完美的 IDE,你能够在几秒钟之内为你喜爱的编程言语或技能栈发动一个编程环境。
它支撑一切现代编程言语,比方 Python、 Kotlin 、 Ruby 和 Javascript。你能够装置言语库和包,然后直接运用它们,免除下载和管理工作。
你也能够直接经过 repl.it 链接共享代码,还能经过嵌入 repl.it 链接让用户与代码交互。
在 Node 服务器环境里运用 Express Javascript
6. RequestBin
RequestBin 为用户更好的供给了一个实时的 HTTP 端点,用于搜集一切宣布的恳求,这样你就能够很简单地解析它们来查看和验证数据,十分方便地查看和验证数据。
假如你想调试来自不同网站的 Webhook 恳求,而且不确定会收到怎样的数据结构或数据类型,那么这个网站就十分有用。
向端点宣布 POST 恳求后收到的数据
7. Web Code
Web Code 是最好的代码生成器之一。只需输入你的需求,它就能够生成代码,满意各种根本的和高档的需求。
关于不是很熟悉 HTML 和 CSS 的 Web 开发人员来说,这个东西十分有用。
分别为 4 条不同的边框生成各自的 CSS 代码
8. BundlePhobia
自从现代化前端结构技能呈现后,人们就一向想要减小包的巨细,以便缩短用户加载页面的时刻。
BundlePhobia 帮你剖析,向你的项目增加一个 npm 包,会使你的项目变大多少。你能够直接将 package.json 文件上传到这个网站,取得项目中一切包的剖析成果,也能够查找详细某个包的详细信息。
核算 pdfmake 库的巨细
9. Fingerprint.js
阅读网站,完结网站记载。可是,经过网站来获取阅读器的一系列仅有标识并非易事。
走运的是,咱们我们能够运用这个库生成阅读器仅有标识,这既不需求用到 cookie,也不需求用到任何或许随时被歹意用户随时重置的数据。它快速提取网页阅读器的很多特点,既能够独自运用它们,也能够用它们生成散列值,用于标识用户的仅有性。
当你在做一个 Web 项目时,这个东西提取的特点是最有或许代替移动设备的 UUID 的。
你能够从 CDN 引证这个库,或许经过 npm 包来装置它。
从阅读器提取用户个人信息
https://medium.com/better-programming/developer-tools-to-increase-your-productivity-6f4ec0c96dd9
点个在看少个 bug