15个进步编程技能的JavaScript东西

JavaScript剧本库是一个预先用JavaScript言语写好的库,它方便了我们开辟基于JavaScript的应用顺序,迥殊合适AJAX和其他一些以Web为中间的手艺。JavaScript重要用于编写嵌入或许包括在HTML页面的函数,从而完成DOM之间的交互。

这篇文章收集了15个可用于进步编程技能的JavaScript东西,助你轻松疾速完成事变。下面的这些JavaScript东西能让你治理Javascript状况、紧缩JavaScript代码、重构剧本代码构造等等。真诚地愿望以下这些东西能对你有效。而且假如你还知道其他的JavaScript东西,迎接不吝赐教。

1. JavaScript State Manager

JavaScript State Manager是一种轻量级的、易于运用的状况治理器,重要用于相应式网站。它不须要任何的JavaScript框架。你能够定义断点将运转在当前断点的JavaScript代码打包在一起。

《15个进步编程技能的JavaScript东西》

官方网站:http://www.simplestatemanager.com/

2. jsMini

假如你想疾速、轻松地紧缩JavaScript或jQuery文件,那末能够运用jsMini。只需复制粘贴源代码,挑选是不是要基础或完整紧缩,然后就ok了。

《15个进步编程技能的JavaScript东西》

官方网站:http://www.jsmini.com/

3. CountUp.js

CountUp.js是一个自力的、轻量级的JavaScript类库,可用于疾速建立一个有意思的显现数值数据的动画。从字面上看,CountUp还能依据你通报的startVal和dendVal参数计数二者中的恣意方向。Bower和.json文件的组件都包括在内,以及CoffeeScript版本。

《15个进步编程技能的JavaScript东西》

官方网站:http://inorganik.github.io/countUp.js/

4.Grasp

Grasp能让你搜刮、替代和重构基于代码构造的JavaScript,而不是纯文本。它比规范搜刮和替代的功用更壮大,能让你越发轻松地重构你的代码。

《15个进步编程技能的JavaScript东西》

官方网站:http://graspjs.com/

5. Gulp.js

Gulp.js是一个流构建体系。它应用流和代码设置的要领使得出来一个更加简朴直观的构建。经由历程优先代码过分设置,Gulp使得简朴的事变继承简朴,而庞杂的使命则可治理化。

《15个进步编程技能的JavaScript东西》

官方网站:http://gulpjs.com/

6.Orcrad.js

Ocrad.js是一个简朴的OCR顺序,能够将图象转化成笔墨。这是一个Ocrad项目的纯JavaScript版本,也许1M摆布,并不须要太多的培训历程。

《15个进步编程技能的JavaScript东西》

官方网站:http://antimatter15.github.io/ocrad.js/demo.html

7. Headroom.js

Headroom.js是一个轻量级的,高机能的JS部件(无依赖性!),能够许可你应对用户的转动要求。向下转动的时刻上面的头部逐渐滑出我们的视线,而向上转动的时刻又会返来。 Headroom.js许可你设置元素涌现的恰当时候,其他时刻则将核心放在内容上。运用headroom.js也异常简朴。它有一个纯JS的API,以及可选的兼容性的jQuery/Zepto和AngularJS插件。

《15个进步编程技能的JavaScript东西》

官方网站:http://wicky.nillia.ms/headroom.js/

8. JIKO

JIKO是一个现代化的,易于运用的面向Javascript的模板引擎。其目的是供应JavaScript顺序员一种如Jinja和Mako一样壮大的服务器端状况的美术模板引擎。

《15个进步编程技能的JavaScript东西》

官方网站:http://jiko.neoname.eu/

9. FileAPI

FileAPI是一组巨大的JavaScript东西,险些任何相干文件都能够处置惩罚。它供应了文件上传(单一/多个)的功用并支撑拖放操纵、图象裁剪、调解大小、套用挑选、猎取文件信息等等。该东西是自力的,并配有PHP类可处置惩罚服务器端的操纵。另外,假如浏览器不支撑JavaScript文件上传和摄像头,它将自动退回到Flash形式,而且细致地记录下来。

《15个进步编程技能的JavaScript东西》

官方网站:http://mailru.github.io/FileAPI/

10.Object Playground

Object Playground是一个面向JavaScript对象的可视化和实验性的东西。在浏览器中运用,而且异常简朴。

《15个进步编程技能的JavaScript东西》

官方网站:http://www.objectplayground.com/

11. Echo.js

Echo是一个自力的JavaScript耽误加载的图象东西。Echo的速率很快,运用的是HTML5数据——*属性。IE8+上面皆可运用。Echo.js能够异常简朴地完成图片耽误加载功用,同时它异常玲珑,紧缩后才1KB(没有运用jQuery/Zepto等剧本库)。

耽误加载指的是只要当真正须要数据的时刻,才实行数据加载操纵,才须要从服务器动态要求数据,而且自动转变图片的src属性。这也是一种异步要领。

《15个进步编程技能的JavaScript东西》

官方网站:http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/

12. jsComplexity

想知道你的JavaScript代码真的有那末庞杂吗?经由历程Analysisand运转你就能够亲眼目睹。代码越庞杂,毛病的几率就越大。所以你要做的就是简化你的代码,以便尽量地进步其机能和可靠性。

《15个进步编程技能的JavaScript东西》

官方网站:http://jscomplexity.org/

13. Chance.js

Chance是一种最简朴的随机字符串、数字等的天生顺序,迥殊有助于削减编写自动化测试或许其他任何须要随机数据时一模一样的单调性。Chance是一款开源软件,基于MIT开源协定。而且Chance是装载在网站上的,如许你只须要翻开浏览器上面的控制台就能够了!

《15个进步编程技能的JavaScript东西》

官方网站:http://chancejs.com/

14. Bookmarkfiy

运用Bookmarkify建立本身的书签东西超等简朴。只须要定名书签,进入JavaScript,挑选它,就能够最先你的互联网之旅了。

《15个进步编程技能的JavaScript东西》

官方网站:http://bookmarkify.it/

15.David

David是一款节点治理东西,能够将这款东西嵌入到你的网站中。

《15个进步编程技能的JavaScript东西》

官方网站:https://david-dm.org/

译文链接:http://www.codeceo.com/article/15-javascript-tools.html

英文原文:15 JavaScript Tools to Improve Your Coding Skills

翻译作者:码农网 – 小峰

    原文作者:Romer
    原文地址: https://segmentfault.com/a/1190000002511932
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞