英文原文：15 JavaScript Tools to Improve Your Coding Skills
JavaScript 腳本庫是一個(gè)預先用 JavaScript 語(yǔ)言寫(xiě)好的庫，它方便了我們開(kāi)發(fā)基于 JavaScript 的應用程序，特別適合 AJAX 和其他一些以 Web 為中心的技術(shù)。JavaScript 主要用于編寫(xiě)嵌入或者包含在 HTML 頁(yè)面的函數，從而實(shí)現 DOM 之間的交互。
這篇文章收集了 15 個(gè)可用于提高編程技巧的 JavaScript 工具，助你輕松快速完成工作。下面的這些 JavaScript 工具能讓你管理 Javascript 狀態(tài)、壓縮 JavaScript 代碼、重構腳本代碼結構等等。真誠地希望以下這些工具能對你有用。并且如果你還知道其他的 JavaScript 工具，歡迎不吝賜教。
1. JavaScript State Manager
JavaScript State Manager 是一種輕量級的、易于使用的狀態(tài)管理器，主要用于響應式網(wǎng)站。它不需要任何的 JavaScript 框架。你可以定義斷點(diǎn)將運行在當前斷點(diǎn)的 JavaScript 代碼打包在一起。
官方網(wǎng)站：http://www.simplestatemanager.com/
2. jsMini
如果你想快速、輕松地壓縮 JavaScript 或 jQuery 文件，那么可以使用 jsMini。只需復制粘貼源代碼，選擇是否要基本或完全壓縮，然后就 ok 了。
官方網(wǎng)站：http://www.jsmini.com/
3. CountUp.js
CountUp.js 是一個(gè)獨立的、輕量級的 JavaScript 類(lèi)庫，可用于快速創(chuàng )建一個(gè)有意思的顯示數值數據的動(dòng)畫(huà)。從字面上看，CountUp 還能根據你傳遞的 startVal 和 dendVal 參數計數兩者中的任意方向。Bower 和 .json 文件的組件都包含在內，以及 CoffeeScript 版本。
官方網(wǎng)站：http://inorganik.github.io/countUp.js/
4. Grasp
Grasp 能讓你搜索、替換和重構基于代碼結構的 JavaScript，而不是純文本。它比標準搜索和替換的功能更強大，能讓你更加輕松地重構你的代碼。
官方網(wǎng)站：http://graspjs.com/
5. Gulp.js
Gulp.js 是一個(gè)流構建系統。它利用流和代碼配置的方法使得出來(lái)一個(gè)更為簡(jiǎn)單直觀(guān)的構建。通過(guò)優(yōu)先代碼過(guò)度配置，Gulp 使得簡(jiǎn)單的事情繼續簡(jiǎn)單，而復雜的任務(wù)則可管理化。
官方網(wǎng)站：http://gulpjs.com/
6. Orcrad.js
Ocrad.js 是一個(gè)簡(jiǎn)單的 OCR 程序，可以將圖像轉化成文字。這是一個(gè) Ocrad 項目的純 JavaScript 版本，大概 1M 左右，并不需要太多的培訓過(guò)程。
官方網(wǎng)站：http://antimatter15.github.io/ocrad.js/demo.html
7. Headroom.js
Headroom.js 是一個(gè)輕量級的，高性能的 JS 部件（無(wú)依賴(lài)性?。?，可以允許你應對用戶(hù)的滾動(dòng)要求。向下滾動(dòng)的時(shí)候上面的頭部漸漸滑出我們的視線(xiàn)，而向上滾動(dòng)的時(shí)候又會(huì )回來(lái)。 Headroom.js 允許你設置元素出現的適當時(shí)間，其他時(shí)候則將焦點(diǎn)放在內容上。使用 headroom.js 也非常簡(jiǎn)單。它有一個(gè)純 JS 的 API，以及可選的兼容性的 jQuery/Zepto 和 AngularJS 插件。
官方網(wǎng)站：http://wicky.nillia.ms/headroom.js/
8. JIKO
JIKO 是一個(gè)現代化的，易于使用的面向 Javascript 的模板引擎。其目標是提供 JavaScript 程序員一種如 Jinja 和 Mako 一樣強大的服務(wù)器端狀態(tài)的美術(shù)模板引擎。
官方網(wǎng)站：http://jiko.neoname.eu/
9. FileAPI
FileAPI 是一組龐大的 JavaScript 工具，幾乎任何相關(guān)文件都可以處理。它提供了文件上傳（單一/多個(gè)）的功能并支持拖放操作、圖像裁剪、調整大小、套用篩選、獲取文件信息等等。該工具是獨立的，并配有 PHP 類(lèi)可處理服務(wù)器端的操作。此外，如果瀏覽器不支持 JavaScript 文件上傳和攝像頭，它將自動(dòng)退回到 Flash 模式，并且詳細地記錄下來(lái)。
官方網(wǎng)站：http://mailru.github.io/FileAPI/
10. Object Playground
Object Playground 是一個(gè)面向 JavaScript 對象的可視化和實(shí)驗性的工具。在瀏覽器中使用，并且非常簡(jiǎn)單。
官方網(wǎng)站：http://www.objectplayground.com/
11. Echo.js
Echo 是一個(gè)獨立的 JavaScript 延遲加載的圖像工具。Echo 的速度很快，使用的是 HTML5 數據——*屬性。IE8+ 上面皆可使用。Echo.js 可以非常簡(jiǎn)單地實(shí)現圖片延遲加載功能，同時(shí)它非常小巧，壓縮后才 1KB（沒(méi)有使用 jQuery/Zepto 等腳本庫）。
延遲加載指的是只有當真正需要數據的時(shí)候，才執行數據加載操作，才需要從服務(wù)器動(dòng)態(tài)請求數據，并且自動(dòng)改變圖片的 src 屬性。這也是一種異步方法。
官方網(wǎng)站：http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/
12. jsComplexity
想知道你的 JavaScript 代碼真的有那么復雜嗎？通過(guò) Analysisand 運行你就可以親眼目睹。代碼越復雜，錯誤的概率就越大。所以你要做的就是簡(jiǎn)化你的代碼，以便盡可能地提高其性能和可靠性。
官方網(wǎng)站：http://jscomplexity.org/
13. Chance.js
Chance 是一種最簡(jiǎn)單的隨機字符串、數字等的生成程序，特別有助于減少編寫(xiě)自動(dòng)化測試或者其他任何需要隨機數據時(shí)千篇一律的單調性。Chance 是一款開(kāi)源軟件，基于 MIT 開(kāi)源協(xié)議。并且 Chance 是裝載在網(wǎng)站上的，這樣你只需要打開(kāi)瀏覽器上面的控制臺就可以了！
官方網(wǎng)站：http://chancejs.com/
14. Bookmarkfiy
使用 Bookmarkify 創(chuàng )建自己的書(shū)簽工具超級簡(jiǎn)單。只需要命名書(shū)簽，進(jìn)入 JavaScript，選擇它，就可以開(kāi)始你的互聯(lián)網(wǎng)之旅了。
官方網(wǎng)站：http://bookmarkify.it/
15. David
David 是一款節點(diǎn)管理工具，可以將這款工具嵌入到你的網(wǎng)站中。
官方網(wǎng)站：https://david-dm.org/
——————————
譯文鏈接：http://www.codeceo.com/article/15-javascript-tools.html
翻譯作者：碼農網(wǎng) – 小峰
聯(lián)系客服
