摘要：幸運(yùn)的是，為了完成獨(dú)特的任務(wù)，無(wú)以計(jì)數(shù)的工具已經(jīng)被開發(fā)者發(fā)布。圖像顯示的是一個(gè)針對(duì)該框架的在線開發(fā)工具。是用創(chuàng)建的命令行工具，用于壓縮文件。是一組處理所有跟文件相關(guān)的工作的組件庫(kù)。是一個(gè)基于任務(wù)的命令行項(xiàng)目構(gòu)建工具。

JavaScript是一種靈活多變的腳本語(yǔ)言，它在全世界被廣泛的應(yīng)用在Web頁(yè)面和服務(wù)器應(yīng)用中。你可以因?yàn)槿魏文康娜ナ褂盟悄阈枰恍┕ぞ?。幸運(yùn)的是，為了完成獨(dú)特的任務(wù)，無(wú)以計(jì)數(shù)的JavaScript工具已經(jīng)被開發(fā)者發(fā)布。

這里有45個(gè)關(guān)于JavaScript的工具，所有這些工具將幫助您創(chuàng)建現(xiàn)代網(wǎng)站與用戶所期望的所有特性。它們都提供了精簡(jiǎn)的設(shè)計(jì)和簡(jiǎn)單的接口。。。。

Google創(chuàng)建AngularJS，目的是提供一個(gè)穩(wěn)定的、輕量級(jí)的框架在瀏覽器中呈現(xiàn)信息。它從服務(wù)器收集數(shù)據(jù),然后在本地編譯模板。換句話說(shuō)，AngularJS以MVC框架形式來(lái)構(gòu)建在瀏覽器中運(yùn)行的HTML、JavaScript和CSS。

Odyssey 是一個(gè)將故事和地圖結(jié)合，并綁定了交互文本的工具。圖片顯示為一個(gè)沙箱來(lái)構(gòu)建與地圖交互的故事。

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

Gantt是一個(gè)基于JQuery構(gòu)建的JavaScript組件，用于創(chuàng)建圖標(biāo),任務(wù)樹和用JSON格式輸出結(jié)果數(shù)據(jù)的相關(guān)性。它提供了編輯、縮放、數(shù)據(jù)快捷鍵,CSS皮膚,等等。

Handy是一個(gè)Nodejs的Web應(yīng)用模板。Handy提供了一個(gè)Web APP所有的基礎(chǔ)功能，因此你可以把焦點(diǎn)放在開發(fā)讓你的APP真正唯一的功能。

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

TimelineJS是一個(gè)開源工具，允許任何人建立形象精美的時(shí)間軸。初學(xué)者可以可以不使用任何東西就能創(chuàng)建一個(gè)時(shí)間軸。

Responsive Nav是一個(gè)比較小的JavaScript插件，可以幫助你創(chuàng)建針對(duì)小屏幕的連續(xù)導(dǎo)航。它會(huì)利用touch事件和CSS3過(guò)渡帶來(lái)最好的性能。

Sinon.JS是一個(gè)多帶帶的測(cè)試應(yīng)用，沒(méi)有依賴關(guān)系,適用于任何單元測(cè)試框架。

Mocha是一個(gè)運(yùn)行在Nodejs和瀏覽器上的功能多樣的JavaScript測(cè)試框架，使異步測(cè)試變得簡(jiǎn)單有趣。

JS Bin是一個(gè)專門設(shè)計(jì)用于幫助JavaScript和CSS民間測(cè)試的代碼片段,在某些上下文中,協(xié)作和調(diào)試代碼的應(yīng)用。jsbin允許編輯和測(cè)試JavaScript和HTML。

JSLitmus,一個(gè)輕量級(jí)框架，用于創(chuàng)建特別的JavaScript基準(zhǔn)測(cè)試。

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

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

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

Google Closure Compiler能使JavaScript的下載和運(yùn)行變得更快。它是一個(gè)真正針對(duì)JavaScript編譯的。Google Closure Compiler不是將源語(yǔ)言編譯成機(jī)器代碼,而是從JavaScript編譯到更好的JavaScript。

JSMin會(huì)刪除JavaScript文件中的注釋和不必要的空白。它將減少文件一半的尺寸，帶來(lái)更快的下載速度。它也鼓勵(lì)更富有表現(xiàn)力的編程風(fēng)格,因?yàn)樗讼螺d在精簡(jiǎn)代碼、自文檔化方面的成本。

Packer是DeanEdwards創(chuàng)建的一個(gè)很流行的JavaScript壓縮工具，它能自動(dòng)創(chuàng)建一個(gè)壓縮版本。只需要粘貼代碼，然后點(diǎn)擊 ‘Pack’ 按鈕。它還能利用JavaScript運(yùn)行時(shí)片進(jìn)行超常規(guī)壓縮和動(dòng)態(tài)壓縮。

MeteorWebApp框架為現(xiàn)代軟件開發(fā)提供了一個(gè)堅(jiān)實(shí)的基礎(chǔ)。一些是很實(shí)用的，例如擁抱開源社區(qū)，促進(jìn)插件的貢獻(xiàn)。Meteor做到了。

Epoch是一個(gè)實(shí)時(shí)的、用于創(chuàng)建漂亮、平穩(wěn)流暢和高性能可視化的圖表庫(kù)。
Web Starter Kit

Web Starter Kit是一個(gè)致力于協(xié)助開發(fā)者支持多設(shè)備的項(xiàng)目。這意味著通過(guò)同步點(diǎn)擊、必要時(shí)重新加載和保持一切盡可能精簡(jiǎn)來(lái)確保屏幕保持同步。

Reveal.JS是一個(gè)基于HTML5的、很靈活的組件，用于替代PPT。點(diǎn)擊按鈕，然后復(fù)雜的動(dòng)畫會(huì)依賴碎片信息而翻轉(zhuǎn)，就跟PPT一樣。但是它真正的表現(xiàn)力在與你如何你在你的網(wǎng)絡(luò)策略中使用它。

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

基于節(jié)點(diǎn)演化的公告板隱喻是及時(shí)和可定制的,并提供實(shí)時(shí)流的對(duì)話。NodeBB的發(fā)展已經(jīng)添加了更多現(xiàn)代主題，并支持小屏幕的手機(jī)和平板。

Gulp.JS是一個(gè)流構(gòu)建系統(tǒng)。它使用流和代碼配置創(chuàng)建更簡(jiǎn)單和直觀的構(gòu)建。寧愿選擇代碼配置,讓簡(jiǎn)單的事情變得簡(jiǎn)單,使復(fù)雜的任務(wù)易于管理。

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

對(duì)基于瀏覽器的APP和網(wǎng)站，Nightwatch.JS能使用Node.js建立基于端到端的測(cè)試解決方案。它使用強(qiáng)大的Selenium WebDriver API在DOM元素上執(zhí)行命令和斷言。

EasyStar.JS是一個(gè)用JavaScript編寫的異步A*尋路API,可應(yīng)用在HTML5游戲和互動(dòng)項(xiàng)目。這個(gè)項(xiàng)目的目標(biāo)是使它容易和快速實(shí)現(xiàn)性能意識(shí)上的尋路。

Headroom.JS是一個(gè)輕量級(jí)、高性能javascript小部件,允許你對(duì)用戶的滾動(dòng)做出反應(yīng)。這個(gè)網(wǎng)站的頭部就是一個(gè)實(shí)例,當(dāng)向下滾動(dòng)時(shí)，頭部會(huì)滑出視窗，向上滾動(dòng)時(shí)又滑入視窗。

FileAPI是一組處理所有跟文件相關(guān)的工作的組件庫(kù)。它提供了許多功能，文件上傳（單個(gè)/多個(gè)）、拖放支持、圖像裁剪、大小調(diào)整、應(yīng)用過(guò)濾器和獲取文件信息等等。

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

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

JSHint是一個(gè)社區(qū)驅(qū)動(dòng)的工具,用于檢測(cè)JavaScript中的語(yǔ)法錯(cuò)誤和潛在的問(wèn)題，并執(zhí)行你的團(tuán)隊(duì)的編碼慣例。

GruntJS是一個(gè)基于任務(wù)的命令行JavaScript項(xiàng)目構(gòu)建工具。下面的預(yù)定義的任務(wù),可以直接在你的項(xiàng)目中使用:連接文件、用JSHint驗(yàn)證文件、用UglifyJS壓縮文件和用節(jié)點(diǎn)單元運(yùn)行單元測(cè)試。

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

Gif.JS是一個(gè)能運(yùn)行在你的瀏覽器中的JavaScript GIF編碼器。

Favico.JS可以讓你為你的圖標(biāo)添加動(dòng)畫徽章,圖片,甚至視頻,或者從圖像、視頻,甚至從訪問(wèn)者的攝像頭獲取的現(xiàn)場(chǎng)圖片創(chuàng)建一個(gè)圖標(biāo)。

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

AdminJS是一個(gè)獨(dú)立包含Ember.js的應(yīng)用，它的兩個(gè)主要文件是adminjs.js和 adminjs.css。兩者都需要和Ember.js和EPF.一起被包含在頁(yè)面中。

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

頁(yè)面加載之后，Instano.JS允許你及時(shí)檢測(cè)JavaScript是否可用。它修改了標(biāo)準(zhǔn)的標(biāo)記以致于不管JavaScript什么時(shí)候被禁用，里面的消息都能被顯示。

Resumable.JS是一個(gè)JavaScript庫(kù)，通過(guò)HTML5 API提供了穩(wěn)定可恢復(fù)的多文件上傳功能。

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