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代码打包在一块儿。

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

2. jsMini

若是你想快速、轻松地压缩JavaScript或jQuery文件，那么可使用jsMini。只需复制粘贴源代码，选择是否要基本或彻底压缩，而后就ok了。

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

3. CountUp.js

CountUp.js是一个独立的、轻量级的JavaScript类库，可用于快速建立一个有意思的显示数值数据的动画。从字面上看，CountUp还能根据你传递的startVal和dendVal参数计数二者中的任意方向。Bower和.json文件的组件都包含在内，以及CoffeeScript版本。

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

4.Grasp

Grasp能让你搜索、替换和重构基于代码结构的JavaScript，而不是纯文本。它比标准搜索和替换的功能更强大，能让你更加轻松地重构你的代码。

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

5. Gulp.js

Gulp.js是一个流构建系统。它利用流和代码配置的方法使得出来一个更为简单直观的构建。经过优先代码过分配置，Gulp使得简单的事情继续简单，而复杂的任务则可管理化。

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

6.Orcrad.js

Ocrad.js是一个简单的OCR程序，能够将图像转化成文字。这是一个Ocrad项目的纯JavaScript版本，大概1M左右，并不须要太多的培训过程。

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

7. Headroom.js

Headroom.js是一个轻量级的，高性能的JS部件（无依赖性！），能够容许你应对用户的滚动要求。向下滚动的时候上面的头部渐渐滑出咱们的视线，而向上滚动的时候又会回来。 Headroom.js容许你设置元素出现的适当时间，其余时候则将焦点放在内容上。使用headroom.js也很是简单。它有一个纯JS的API，以及可选的兼容性的jQuery/Zepto和AngularJS插件。

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

8. JIKO

JIKO是一个现代化的，易于使用的面向Javascript的模板引擎。其目标是提供JavaScript程序员一种如Jinja和Mako同样强大的服务器端状态的美术模板引擎。

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

9. FileAPI

FileAPI是一组庞大的JavaScript工具，几乎任何相关文件均可以处理。它提供了文件上传（单一/多个）的功能并支持拖放操做、图像裁剪、调整大小、套用筛选、获取文件信息等等。该工具是独立的，并配有PHP类可处理服务器端的操做。此外，若是浏览器不支持JavaScript文件上传和摄像头，它将自动退回到Flash模式，而且详细地记录下来。

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

10.Object Playground

Object Playground是一个面向JavaScript对象的可视化和实验性的工具。在浏览器中使用，而且很是简单。

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

11. Echo.js

Echo是一个独立的JavaScript延迟加载的图像工具。Echo的速度很快，使用的是HTML5数据——*属性。IE8+上面皆可以使用。Echo.js能够很是简单地实现图片延迟加载功能，同时它很是小巧，压缩后才1KB（没有使用jQuery/Zepto等脚本库）。

延迟加载指的是只有当真正须要数据的时候，才执行数据加载操做，才须要从服务器动态请求数据，而且自动改变图片的src属性。这也是一种异步方法。

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

12. jsComplexity

想知道你的JavaScript代码真的有那么复杂吗？经过Analysisand运行你就能够亲眼目击。代码越复杂，错误的几率就越大。因此你要作的就是简化你的代码，以便尽量地提升其性能和可靠性。

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

13. Chance.js

Chance是一种最简单的随机字符串、数字等的生成程序，特别有助于减小编写自动化测试或者其余任何须要随机数据时千篇一概的单调性。Chance是一款开源软件，基于MIT开源协议。而且Chance是装载在网站上的，这样你只须要打开浏览器上面的控制台就能够了！

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

14. Bookmarkfiy

使用Bookmarkify建立本身的书签工具超级简单。只须要命名书签，进入JavaScript，选择它，就能够开始你的互联网之旅了。

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

15.David

David是一款节点管理工具，能够将这款工具嵌入到你的网站中。

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