AG手机版

ag头条    你的位置:AG手机版 > ag头条 >

12个功能富强的前端开发人员必备的在线工具,凶猛选举!

发布日期:2021-07-22 13:06    点击次数:114

互联网上足够着各栽特出的工具,这些工具使吾们这些前端开发人员的做事变得更添轻盈。在这篇文章中,吾将迅速回顾一下吾在开发做事中频繁操纵的12栽工具。

1、CanIUse

倘若你不确定web API是否与特定涉猎器兼容,或者在移动涉猎器中是否能够访问的话。这个在线工具能够轻盈帮你测试Web API的涉猎器兼容性。该工具为桌面和移动设备上的前端Web技术挑供了一向更新的涉猎器声援外。倘若吾们想清新哪些涉猎器及其版本声援web资源的API请访问navigator.share,外中列出了声援navigator.share的涉猎器及其版本。

2、Minify

为了减幼行使程序代码的文件大幼,开发人员会将它们的体积压缩到最幼。最幼化会删除空格、无效代码等,这就大大缩短了行使程引言件的大幼,从而添快了涉猎器的下载速度。http://minify.com在线工具能够最幼化压缩Web行使程序代码。

3、Bit.dev

Bit.dev是一个很不错的组件中央。吾用它来托管、记录和管理来自迥异项方针可重用组件。这是改善代码重用,添快开发速度和优化团队协调的益手段。这也是从头最先构建设计编制的不错选择(由于它内心上具有设计编制所需的一致)。Bit.dev与Bit完善协调,Bit是处理组件阻隔和发布的开源工具。Bit.dev声援React,带有TypeScript的React,Angular,Vue等。

4、 Unminify该工具的作用与minify相逆。该工具批准始末压缩、解压缩和实走预检查,来使最幼化的JS代码的一片面再次变得可读。

5、Stackblitz

该工具在开发者中专门通走。Stackblitz为吾们挑供了操纵全球周围内操纵最普及的IDE Visual Studio Code的功能。一键安置Stackblitz即可迅速安置Angular,React,Vue,Vanilla,RxJS,TypeScript项现在。当你想从涉猎器中尝试任何现有JS平台中的一段代码或函数时,Stackblitz尤其有效。想象一下,你正在涉猎Angular文章,未必发现了你想要尝试的代码。只需单击几下,你就能够最幼化涉猎器并创建一个新的Angular项现在。迅速而便捷。还有其他很棒的在线IDE,但是吾笃信Stackblitz是每幼我都喜欢的在线工具。

6. http://JWT.io

倘若您操纵JSON Web令牌(JWT)珍惜行使程序坦然,或者操纵JWT批准用户访问后端的受珍惜资源。这个工具将对你专门有效。决定是否答访问路线或资源的一栽手段是检查令牌的到期时间。未必候吾们想要解码JWT以查望其有效负载时,http://jwt.io正好挑供了这一点。这个在线工具使吾们能够插入令牌以查望其有效载荷。一旦吾们插入令牌后,http://jwt.io会对其进走解码并表现其有效数据。

7、BundlePhobia

倘若不确定过node_modules文件的大幼,或者想清新计算机上安置了众大尺寸的pakckage.json文件的话,那能够从BundlePhobia找到答案。该工具批准吾们下载package.json文件,并表现package.json安置的倚赖项的文件大幼。

8、 Babel REPL

Babel是一个免费的盛开源代码JS转编译器,用于将当代ES代码转换为清淡的旧ES5 JavaScript。

该工具是Babeljs团队在网上竖立的Web行使,能够将ES6 +代码转换为ES5。

它能够测试近来对ES的增补,或者测试在ECMA中增补的某些功能。能够协助IT专科人员预先优化代码,控制文件大幼,并批准吾们在整个编译过程中随时移动。

9、Prettier Playground

Prettier是一个功能富强的JS代码格式化程序。它通太甚析代码并操纵最佳的JS编码手段重写代码。该工具在开发环境中被普及操纵,但是它也有一个在线平台,能够在该平台上预先优化代码。Prettier是一个功能富强的JS代码格式化程序。它通太甚析代码并操纵最佳的JS编码手段重写代码。该工具在开发环境中被普及操纵,但是它也有一个在线平台,能够在该平台上预先优化代码。

10、Codepen

CodePen是一个在线编码工具,挑供很众功能。CodePen批准开发人员创建本身的项现在演示,能够以跨平台操纵。你也能够在CodePen演示和项现在中操纵外部托管的资源。倘若必要进走操作。CodePen有免费版能够操纵,也有付费版本,付费版是首价为8美元/月。

11、Postman

此工具可协助迅速检查API端点:GET、POST、DELETE、OPTIONS、PUT,吾一向在操纵它。

12、 JSLint

JS JSLint是世界上的领先者,这是一个JSLint在线版本,批准运走一个JS代码片段或JS文件涉猎器。你能够始末它的地址:https://jslint.com进走尝试。

总结还有很众有效的工具,但这些是吾的最喜欢。

倘若你对此有任何疑问或者必要吾增补,更正或删除任何内容,请随时发外留言进走评论。

原文: https://blog.bitsrc.io/12-useful-online-tools-for-frontend-developers-bf98f3bf7c63译文:web幼二

上一篇:2020年做什么副业能安详月入两千?

下一篇:13个浅易兴味的经济学形象,从你的身边看出牛逼的经济形象

Powered by AG手机版 @2013-2021 RSS地图 HTML地图

Copyright 365建站 © 2013-2021 版权所有

top