15个提高编程技巧的JavaScript工具_最新动态_新闻资讯_程序员俱乐部

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

　　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 对象的可视化和实验性的工具。在浏览器中使用，并且非常简单。

DBAA4.jpg" alt="object-playground" width="625" height="310" />

　　官方网站：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/

　　——————————

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

　　翻译作者：码农网 – 小峰