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