摘要：幸運的是，為了完成獨特的任務，無以計數的工具已經被開發者發布。圖像顯示的是一個針對該框架的在線開發工具。是用創建的命令行工具，用于壓縮文件。是一組處理所有跟文件相關的工作的組件庫。是一個基于任務的命令行項目構建工具。

JavaScript是一種靈活多變的腳本語言，它在全世界被廣泛的應用在Web頁面和服務器應用中。你可以因為任何目的去使用它，但是你需要一些工具。幸運的是，為了完成獨特的任務，無以計數的JavaScript工具已經被開發者發布。

這里有45個關于JavaScript的工具，所有這些工具將幫助您創建現代網站與用戶所期望的所有特性。它們都提供了精簡的設計和簡單的接口。。。。

Google創建AngularJS，目的是提供一個穩定的、輕量級的框架在瀏覽器中呈現信息。它從服務器收集數據,然后在本地編譯模板。換句話說，AngularJS以MVC框架形式來構建在瀏覽器中運行的HTML、JavaScript和CSS。

Odyssey 是一個將故事和地圖結合，并綁定了交互文本的工具。圖片顯示為一個沙箱來構建與地圖交互的故事。

PlayCanvas是一個圍繞WebGL建立的游戲引擎。它把物理、照明、陰影、音頻和更多其它特效結合到更一致的工具中,以創建被對象填充的世界。圖像顯示的是一個針對該框架的在線開發工具。

Gantt是一個基于JQuery構建的JavaScript組件，用于創建圖標,任務樹和用JSON格式輸出結果數據的相關性。它提供了編輯、縮放、數據快捷鍵,CSS皮膚,等等。

Handy是一個Nodejs的Web應用模板。Handy提供了一個Web APP所有的基礎功能，因此你可以把焦點放在開發讓你的APP真正唯一的功能。

RegExr是一個在線編輯和測試正則表達式的工具。它提供了一個簡單的正則表達式輸入界面，并且能實時可視化匹配可編輯的源文本。同時它還提供了一個便捷的RegExp邊欄用于描述案例用法。

TimelineJS是一個開源工具，允許任何人建立形象精美的時間軸。初學者可以可以不使用任何東西就能創建一個時間軸。

Responsive Nav是一個比較小的JavaScript插件，可以幫助你創建針對小屏幕的連續導航。它會利用touch事件和CSS3過渡帶來最好的性能。

Sinon.JS是一個多帶帶的測試應用，沒有依賴關系,適用于任何單元測試框架。

Mocha是一個運行在Nodejs和瀏覽器上的功能多樣的JavaScript測試框架，使異步測試變得簡單有趣。

JS Bin是一個專門設計用于幫助JavaScript和CSS民間測試的代碼片段,在某些上下文中,協作和調試代碼的應用。jsbin允許編輯和測試JavaScript和HTML。

JSLitmus,一個輕量級框架，用于創建特別的JavaScript基準測試。

Bookmarkify使得創建書簽工具變得非常簡單，僅需要給書簽命名，然后輸入JavaScript并包含它就可以了。

Kreate.JS能夠輔助JQuery快速以JQuery對象形式生成DOM元素。你可以“Kreate” 單個元素或者“Kreate”多個元素，直到瀏覽器奔潰。但多數情況下，Kreate創建單個元素或者多個元素都會比JQuery快。

YUI Compressor是用Java創建的命令行工具，用于壓縮JavaScript文件。YUI Compressor是100%安全的，并且比其他工具的壓縮比高。它也能壓縮CSS文件。

Google Closure Compiler能使JavaScript的下載和運行變得更快。它是一個真正針對JavaScript編譯的。Google Closure Compiler不是將源語言編譯成機器代碼,而是從JavaScript編譯到更好的JavaScript。

JSMin會刪除JavaScript文件中的注釋和不必要的空白。它將減少文件一半的尺寸，帶來更快的下載速度。它也鼓勵更富有表現力的編程風格,因為它消除了下載在精簡代碼、自文檔化方面的成本。

Packer是DeanEdwards創建的一個很流行的JavaScript壓縮工具，它能自動創建一個壓縮版本。只需要粘貼代碼，然后點擊 ‘Pack’ 按鈕。它還能利用JavaScript運行時片進行超常規壓縮和動態壓縮。

MeteorWebApp框架為現代軟件開發提供了一個堅實的基礎。一些是很實用的，例如擁抱開源社區，促進插件的貢獻。Meteor做到了。

Epoch是一個實時的、用于創建漂亮、平穩流暢和高性能可視化的圖表庫。
Web Starter Kit

Web Starter Kit是一個致力于協助開發者支持多設備的項目。這意味著通過同步點擊、必要時重新加載和保持一切盡可能精簡來確保屏幕保持同步。

Reveal.JS是一個基于HTML5的、很靈活的組件，用于替代PPT。點擊按鈕，然后復雜的動畫會依賴碎片信息而翻轉，就跟PPT一樣。但是它真正的表現力在與你如何你在你的網絡策略中使用它。

RxJS是一個為鼠標和鍵盤添加平滑、反應性的和異步響應生成的事件流。圖像顯示代碼綁定了一個搜索維基百科的事件。

基于節點演化的公告板隱喻是及時和可定制的,并提供實時流的對話。NodeBB的發展已經添加了更多現代主題，并支持小屏幕的手機和平板。

Gulp.JS是一個流構建系統。它使用流和代碼配置創建更簡單和直觀的構建。寧愿選擇代碼配置,讓簡單的事情變得簡單,使復雜的任務易于管理。

Contour是Forio的一個可視化庫，用于提供一組核心的公共可視化功能。建立在受歡迎的D3引擎之上,輪廓讓你輕松創建數據可視化和基于常用的圖表等直觀的抽象。

對基于瀏覽器的APP和網站，Nightwatch.JS能使用Node.js建立基于端到端的測試解決方案。它使用強大的Selenium WebDriver API在DOM元素上執行命令和斷言。

EasyStar.JS是一個用JavaScript編寫的異步A*尋路API,可應用在HTML5游戲和互動項目。這個項目的目標是使它容易和快速實現性能意識上的尋路。

Headroom.JS是一個輕量級、高性能javascript小部件,允許你對用戶的滾動做出反應。這個網站的頭部就是一個實例,當向下滾動時，頭部會滑出視窗，向上滾動時又滑入視窗。

FileAPI是一組處理所有跟文件相關的工作的組件庫。它提供了許多功能，文件上傳（單個/多個）、拖放支持、圖像裁剪、大小調整、應用過濾器和獲取文件信息等等。

Unminify對于格式化JavaScript、CSS和HTML代碼是很有用的工具，并且會讓代碼變得易讀和漂亮。

HarpJS是一個靜態服務器，在沒有任何配置的情況下，也為Jade, Markdown, EJS, Less, Stylus, Sass, CoffeeScript asHTML, CSS和JavaScript 提供服務。它支持愛心式的布局/部分模式,并能靈活的遍歷文件系統元數據、全局對象和注入定制數據模板。

JSHint是一個社區驅動的工具,用于檢測JavaScript中的語法錯誤和潛在的問題，并執行你的團隊的編碼慣例。

GruntJS是一個基于任務的命令行JavaScript項目構建工具。下面的預定義的任務,可以直接在你的項目中使用:連接文件、用JSHint驗證文件、用UglifyJS壓縮文件和用節點單元運行單元測試。

ZeptoBuilder是Zepto的一個在線版本，從列表中選取你想包含的文件，就能得到你自定義的構建了。

Gif.JS是一個能運行在你的瀏覽器中的JavaScript GIF編碼器。

Favico.JS可以讓你為你的圖標添加動畫徽章,圖片,甚至視頻,或者從圖像、視頻,甚至從訪問者的攝像頭獲取的現場圖片創建一個圖標。

Chart.JS生成簡單,干凈,和基于HTML5的JavaScript圖表。它用一種簡單的方式，能在你的網站上自由的包含動畫、交互式圖形。

AdminJS是一個獨立包含Ember.js的應用，它的兩個主要文件是adminjs.js和 adminjs.css。兩者都需要和Ember.js和EPF.一起被包含在頁面中。

[]Sir Trevor](http://madebymany.github.io/sir-trevor-js/)是一個會完全重繪網頁內容的工具：直觀的編輯網頁內容而不用假定任何關于它是如何重繪的事。

頁面加載之后，Instano.JS允許你及時檢測JavaScript是否可用。它修改了標準的標記以致于不管JavaScript什么時候被禁用，里面的消息都能被顯示。

Resumable.JS是一個JavaScript庫，通過HTML5 API提供了穩定可恢復的多文件上傳功能。

英文原文：40+ essential JavaScript tools for the Web
譯文出處：http://www.ido321.com/1543.html