JavaScript 腳本庫是一個預(yù)先用JavaScript語言寫好的庫，它方便了我們開發(fā)基于JavaScript的應(yīng)用程序，特別適合AJAX和其 他一些以Web為中心的技術(shù)。JavaScript主要用于編寫嵌入或者包含在HTML頁面的函數(shù)，從而實現(xiàn)DOM之間的交互。

這篇文章收集了15個可用于提高編程技巧的JavaScript工具，助你輕松快速完成工作。下面的這些JavaScript工具能讓你管理 Javascript狀態(tài)、壓縮JavaScript代碼、重構(gòu)腳本代碼結(jié)構(gòu)等等。真誠地希望以下這些工具能對你有用。并且如果你還知道其他的 JavaScript工具，歡迎不吝賜教。

1. JavaScript State Manager

JavaScript State Manager是一種輕量級的、易于使用的狀態(tài)管理器，主要用于響應(yīng)式網(wǎng)站。它不需要任何的JavaScript框架。你可以定義斷點將運行在當前斷點的JavaScript代碼打包在一起。
 

官方網(wǎng)站：http://www.simplestatemanager.com/

2. jsMini

如果你想快速、輕松地壓縮JavaScript或jQuery文件，那么可以使用jsMini。只需復(fù)制粘貼源代碼，選擇是否要基本或完全壓縮，然后就ok了。
 

官方網(wǎng)站：http://www.jsmini.com/

3. CountUp.js

CountUp.js是一個獨立的、輕量級的JavaScript類庫，可用于快速創(chuàng)建一個有意思的顯示數(shù)值數(shù)據(jù)的動畫。從字面上 看，CountUp還能根據(jù)你傳遞的startVal和dendVal參數(shù)計數(shù)兩者中的任意方向。Bower和.json文件的組件都包含在內(nèi)，以及 CoffeeScript版本。
 

官方網(wǎng)站：http://inorganik.github.io/countUp.js/

4.Grasp

Grasp能讓你搜索、替換和重構(gòu)基于代碼結(jié)構(gòu)的JavaScript，而不是純文本。它比標準搜索和替換的功能更強大，能讓你更加輕松地重構(gòu)你的代碼。
 

官方網(wǎng)站：http://graspjs.com/

5. Gulp.js

Gulp.js是一個流構(gòu)建系統(tǒng)。它利用流和代碼配置的方法使得出來一個更為簡單直觀的構(gòu)建。通過優(yōu)先代碼過度配置，Gulp使得簡單的事情繼續(xù)簡單，而復(fù)雜的任務(wù)則可管理化。
 

[[126225]]
 

官方網(wǎng)站：http://gulpjs.com/

6.Orcrad.js

Ocrad.js是一個簡單的OCR程序，可以將圖像轉(zhuǎn)化成文字。這是一個Ocrad項目的純JavaScript版本，大概1M左右，并不需要太多的培訓(xùn)過程。
 

官方網(wǎng)站：http://antimatter15.github.io/ocrad.js/demo.html

7. Headroom.js

Headroom.js 是一個輕量級的，高性能的JS部件（無依賴性?。?，可以允許你應(yīng)對用戶的滾動要求。向下滾動的時候上面的頭部漸漸滑出我們 的視線，而向上滾動的時候又會回來。 Headroom.js允許你設(shè)置元素出現(xiàn)的適當時間，其他時候則將焦點放在內(nèi)容上。使用headroom.js也非常簡單。它有一個純JS的API，以 及可選的兼容性的jQuery/Zepto和AngularJS插件。
 

官方網(wǎng)站：http://wicky.nillia.ms/headroom.js/

8. JIKO

JIKO是一個現(xiàn)代化的，易于使用的面向Javascript的模板引擎。其目標是提供JavaScript程序員一種如Jinja和Mako一樣強大的服務(wù)器端狀態(tài)的美術(shù)模板引擎。
 

官方網(wǎng)站：http://jiko.neoname.eu/

9. FileAPI

FileAPI是一組龐大的JavaScript工具，幾乎任何相關(guān)文件都可以處理。它提供了文件上傳（單一/多個）的功能并支持拖放操作、圖像 裁剪、調(diào)整大小、套用篩選、獲取文件信息等等。該工具是獨立的，并配有PHP類可處理服務(wù)器端的操作。此外，如果瀏覽器不支持JavaScript文件上 傳和攝像頭，它將自動退回到Flash模式，并且詳細地記錄下來。
 

官方網(wǎng)站：http://mailru.github.io/FileAPI/

10.Object Playground

Object Playground是一個面向JavaScript對象的可視化和實驗性的工具。在瀏覽器中使用，并且非常簡單。
 

官方網(wǎng)站：http://www.objectplayground.com/

11. Echo.js

Echo是一個獨立的JavaScript延遲加載的圖像工具。Echo的速度很快，使用的是HTML5數(shù)據(jù)——*屬性。IE8+上面皆可使用。 Echo.js可以非常簡單地實現(xiàn)圖片延遲加載功能，同時它非常小巧，壓縮后才1KB（沒有使用jQuery/Zepto等腳本庫）。

延遲加載指的是只有當真正需要數(shù)據(jù)的時候，才執(zhí)行數(shù)據(jù)加載操作，才需要從服務(wù)器動態(tài)請求數(shù)據(jù)，并且自動改變圖片的src屬性。這也是一種異步方法。
 

官方網(wǎng)站：http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/

12. jsComplexity

想知道你的JavaScript代碼真的有那么復(fù)雜嗎？通過Analysisand運行你就可以親眼目睹。代碼越復(fù)雜，錯誤的概率就越大。所以你要做的就是簡化你的代碼，以便盡可能地提高其性能和可靠性。
 

官方網(wǎng)站：http://jscomplexity.org/

13. Chance.js

Chance是一種最簡單的隨機字符串、數(shù)字等的生成程序，特別有助于減少編寫自動化測試或者其他任何需要隨機數(shù)據(jù)時千篇一律的單調(diào)性。Chance是一款開源軟件，基于MIT開源協(xié)議。并且Chance是裝載在網(wǎng)站上的，這樣你只需要打開瀏覽器上面的控制臺就可以了！
 

官方網(wǎng)站：http://chancejs.com/

14. Bookmarkfiy

使用Bookmarkify創(chuàng)建自己的書簽工具超級簡單。只需要命名書簽，進入JavaScript，選擇它，就可以開始你的互聯(lián)網(wǎng)之旅了。
 

官方網(wǎng)站：http://bookmarkify.it/

15.David

David是一款節(jié)點管理工具，可以將這款工具嵌入到你的網(wǎng)站中。
 

官方網(wǎng)站：https://david-dm.org/