提高开发效率的 9 个工具

更新日期: 2019-12-16阅读量: 1062标签: 效率

互联网真是个神奇的地方,它不仅教你如何写代码,还提供了很多有用的工具,在开发的各个阶段帮你节约宝贵时间。本文将列出 9 个有用的在线工具,对任何开发人员而言,它们都会是得力助手(排名不分先后)。


1. Can I Use

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


2. Unminify

Unminify.com 是一个免费的在线工具,用于复原(解包、反混淆)JavaScriptcsshtml 代码,让这些代码变得更容易阅读,且干净漂亮。

对于没有缩进的代码,或者只包含一行代码的文件(所有代码都挤在这一行难以阅读),你会不会觉得这样的代码很难看?把它们拷贝并粘贴到 Unminify,瞬间让它们变得容易理解。


3. Compressor

对于网站来说,图像大小是影响网页加载速度的一个主要因素。

Compressor.io 是一个在线工具,用于压缩图像大小,而不会降低图像质量。这个工具相当棒,以至于图像质量在压缩前和压缩后几乎看不出区别。


4. Cloudcraft

Cloudcraft 可以帮助你设计云,并制定云资源预算。它提供了非常酷的拖放功能,通过连接不同的云基础设施服务(目前只适用于 AWS),可以创建出 3D 图表。

在预算标签页可以看到当前架构的具体预算信息。


5. Repl.it

Repl.it 可能正是你多年来一直寻觅的那个在线 IDE,这真是一个完美的 IDE,你可以在几秒钟之内为你喜欢的编程语言或技术栈启动一个编程环境。

它支持所有现代编程语言,比如 Python、Kotlin 、 Ruby 和 JavaScript。你可以安装语言库和包,然后直接使用它们,免去下载和管理工作。

你也可以直接通过 repl.it 链接分享代码,还能通过嵌入 repl.it 链接让用户与代码交互。


6. RequestBin

RequestBin 为用户提供了一个实时的 HTTP 端点,用于收集所有发出的请求,这样你就可以很容易地解析它们来检查和验证数据,非常方便地检查和验证数据

如果你想调试来自不同网站的 Webhook 请求,并且不确定会收到怎样的数据结构或数据类型,那么这个网站就非常有用。


7. Web Code

Web Code 是最好的代码生成器之一。只要输入你的需求,它就可以生成代码,满足各种基本的和高级的需求。

对于不是很熟悉 htmlcss 的 Web 开发人员来说,这个工具非常有用。


8. BundlePhobia

自从现代化前端框架技术出现后,人们就一直想要减小包的大小,以便缩短用户加载页面的时间。

BundlePhobia 帮你分析,向你的项目添加一个 npm 包,会使你的项目变大多少。你可以直接将 package.json 文件上传到这个网站,获得项目中所有包的分析结果,也可以搜索具体某个包的详细信息。


9. Fingerprint.js

浏览网站,完成网站记录。但是,通过网站来获取浏览器的一系列唯一标识并非易事。

幸运的是,我们可以使用这个库生成浏览器唯一标识,这既不需要用到 cookie,也不需要用到任何可能随时被恶意用户随时重置的数据。它快速提取网页浏览器的大量属性,既可以单独使用它们,也可以用它们生成散列值,用于标识用户的唯一性。

当你在做一个 Web 项目时,这个工具提取的属性是最有可能替代移动设备的 UUID 的。

你可以从 CDN 引用这个库,或者通过 npm 包来安装它。


原文链接:Developer Tools to Increase Your Productivity

站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/6892

Vue Template 修饰符和简写,让开发效率有所提高

vue 是一个易于使用的Web应用程序框架,可用于开发交互式前端应用程序。在本文中,我们将介绍指令的修饰符和一些有用的模板简写指令。事件修饰符例如,v-on指令的.prevent修饰符将在设置为该值的事件处理函数上自动运行

jQuery 效率提升建议

jQuery简洁通用的方法集把编码者从繁重的工作中解脱出来,也拉低了进入javascript的门槛,初学者对浏览器兼容性一无所知的情况下,几行代码就可以写出超炫的特效。

提高开发效率的 Vue 技巧

vue 提供了组件功能,组件又可以分为全局组件和非全局组件。区别是全局组件你可以直接在 .vue 文件中直接使用自定义的 html 即可。非全局组件必须在 Vue 的对象中定义 components 引入这个组件

从JavaScript的运行原理谈解析效率优化【译】

编写高效率的 JavaScript ,其中一个关键就是要理解它的工作原理。编写高效代码的方法数不胜数,例如,你可以编写对编译器友好的 JavaScript 代码,从而避免将一行简单代码的运行速度拖慢 7 倍。

低效率开发人员的4种坏习惯

我们都有不好的习惯,地球上没有一个人是完美的。作为开发人员,不良习惯会严重影响您的效率,也会影响您周围的人。Jack Canfield说:“习惯将决定您的未来”。想要成长为一名开发人员,就必须改掉不良习惯。

用Node.js编写内存效率高的应用程序

软件应用程序在计算机的主存储器中运行,我们称之为随机存取存储器(RAM)。JavaScript,尤其是 NodeJS (服务端 JS)允许我们为终端用户编写从小型到大型的软件项目

html5前端开发工程师_如何提高前端开发效率

不知大家有没类似这样的经历:一天忙到晚,一会被PM叫去确认需求,一会被设计拉去确认UI是否能实现,一会又被测试叫去确认bug,然后貌似做了很多事,但好像工作进度也没什么进展。然后,只能晚上加班,在夜深人静时还得敲代码,苦逼

7大笔记应用,让你的代码效率翻7倍

编程容易产生挫折,即使作为一种业余爱好也可能是这样。建立一个网页,手机APP或桌面应用都是个很大的工程,好的记笔记技能是让这个工程井然有序的关键,也是克服压力、绝望和倦怠的好方法。

你是一直认为MySQL count(1) 比 count(*) 效率高么?

MySQL count(1) 真的比 count(*) 快么? 反正同事们都是这么说的,我也姑且觉得对吧,那么没有自己研究一下究竟?如果我告诉你他们一样,你信么?

推荐几款能提升代码效率的笔记应用

编程容易产生挫折,即使作为一种业余爱好也可能是这样。建立一个网页,手机APP或桌面应用都是个很大的工程,好的记笔记技能是让这个工程井然有序的关键,也是克服压力、绝望和倦怠的好方法

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!