JavaScript即將接管Web世界，如雨后春筍版冒出的JavaScript工具更是讓web開(kāi)發(fā)者無(wú)所適從。

本文我們?yōu)榇蠹彝扑]11款嶄露頭角但功能強(qiáng)大的JavaScript工具，是追逐web設(shè)計(jì)新潮流（界面簡(jiǎn)潔、面向移動(dòng)、強(qiáng)調(diào)互動(dòng)）中不可或缺的好幫手。

一、Meteor

Meteor web應(yīng)用開(kāi)發(fā)框架定義的七大開(kāi)發(fā)天條為現(xiàn)代軟件開(kāi)發(fā)打下良好基礎(chǔ)，例如Meteor采用開(kāi)源社區(qū)的方式培育插件資源，其他天條還包括：設(shè)計(jì)簡(jiǎn)單的API、僅通過(guò)網(wǎng)絡(luò)傳送數(shù)據(jù)、使用統(tǒng)一的開(kāi)發(fā)語(yǔ)言等。Meteor還開(kāi)發(fā)了一個(gè)客戶(hù)端的本地模擬器。

Meteor是一種新型JavaScript框架，用于WebApp應(yīng)用程序開(kāi)發(fā)。Meteor的基礎(chǔ)構(gòu)架是Node.JS+MongoDB，它把這個(gè)基 礎(chǔ)構(gòu)架同時(shí)延伸到了瀏覽器端，如果App用純JavaScript寫(xiě)成，JS APIs和DB APIs就可以同時(shí)在服務(wù)器端和客戶(hù)端無(wú)差異地調(diào)用，本地和遠(yuǎn)程數(shù)據(jù)通過(guò)DDP（Distributed Data Protocol）協(xié)議傳輸。因此部分應(yīng)用如TODO列表，網(wǎng)絡(luò)在線(xiàn)和離線(xiàn)下使用功能完全沒(méi)有差異，動(dòng)作響應(yīng)和數(shù)據(jù)延遲也完全感覺(jué)不出來(lái)。

二、Epoch

數(shù)據(jù)可視化是最火的web開(kāi)發(fā)項(xiàng)目，如今已經(jīng)有很多工具能夠在web上展示吸引眼球的數(shù)據(jù)可視化互動(dòng)圖表，例如D3.js。但Epoch更進(jìn)一步，在基本的D3代碼庫(kù)的基礎(chǔ)上進(jìn)一步整合，提供更加流暢的體驗(yàn)。通過(guò)Epoch你可以向客戶(hù)展示干凈漂亮實(shí)時(shí)更新的圖表。

三、Web Starter Kit

為不同的移動(dòng)終端開(kāi)發(fā)web應(yīng)用是一件極為痛苦的事情，Google的Web Starter Kit的目標(biāo)就是幫助開(kāi)發(fā)者為不同設(shè)備開(kāi)發(fā)web應(yīng)用，例如點(diǎn)擊同步、屏幕適配等問(wèn)題。無(wú)論你的用戶(hù)使用老款iPad還是新款A(yù)ndroid手機(jī)，代碼都能夠適應(yīng)。你只需要勾畫(huà)出界面，屏幕適配的問(wèn)題可以交給Web Starter Kit處理，并給出設(shè)計(jì)建議。

四、Reveal.js

Reveal.js 可以看做是HTML5版本的PowerPoint。可以在web頁(yè)面上以PPT的方式動(dòng)態(tài)呈現(xiàn)信息，如果你的網(wǎng)站想華麗麗地講故事，那么Reveal能給你最酷的效果。

五、RxJS

靜態(tài)網(wǎng)頁(yè)已經(jīng)成為歷史，如今的web設(shè)計(jì)趨勢(shì)是預(yù)測(cè)客戶(hù)想法并提供更好的互動(dòng)功能，例如自動(dòng)填寫(xiě)表單、搜索Wikipedia等。RxJS框架可以很方便地為鼠標(biāo)和鍵盤(pán)事件提供響應(yīng)。

六、NodeBB

NodeBB是傳統(tǒng)BBS論壇的一次進(jìn)化，提供實(shí)時(shí)的對(duì)話(huà)流功能，NodeBB的開(kāi)發(fā)者還增加了很多時(shí)髦主題，并支持移動(dòng)設(shè)備屏幕。NodeBB還整合了一些最新的面向觸摸屏的web設(shè)計(jì)功能，例如無(wú)限滾動(dòng)，NodeBB的社區(qū)很活躍，不斷有新插件出現(xiàn)。

七、GulpJS

從頭編寫(xiě)HTML/CSS/Javascript是上個(gè)世紀(jì)的事情了，如今的JavaScript都是通過(guò)CoffeeScript這樣的支持句法縮寫(xiě)的編輯器寫(xiě)成的。如果你希望寫(xiě)完JavaScript能夠一個(gè)工具完成代碼清理優(yōu)化工作，GulpJS就是你的不二之選，GulpJS類(lèi)似Ant或Maven之于Java。

八、AngularJS

Google開(kāi)發(fā)的AngularJS是一個(gè)輕量級(jí)的，在瀏覽器中展示信息的框架。ANgularJS從后臺(tái)服務(wù)器收集數(shù)據(jù)在本地編輯模板用于演示。服務(wù)器端代碼控制數(shù)據(jù)存儲(chǔ)，而ANgularJS代碼負(fù)責(zé)演示�？梢约嫒葑烂妗⑵桨咫娔X和智能手機(jī)瀏覽器。

九、Odyssey

有了API，如今在網(wǎng)站中加入地圖應(yīng)用變得非常容易，結(jié)合地圖的內(nèi)容框互動(dòng)則需要用到一些工具，CartoDB開(kāi)發(fā)的Odyssey就是一個(gè)不錯(cuò)的選擇。

十、PlayCanvas

一般來(lái)講，游戲開(kāi)發(fā)與web應(yīng)用完全是兩碼事。但先試試，游戲世界的很多工具都可以被用于在網(wǎng)站中增加華麗界面。PlayCanvas就是一個(gè)基于WebGL的游戲引擎，結(jié)合了物理、光影、音效等工具用于創(chuàng)建一個(gè)復(fù)雜的界面。

十一、Deb.js

開(kāi)發(fā)中的編碼錯(cuò)誤無(wú)法避免，但不同的解決方法則是決定性的。Deb.js雖然只有1.5KB，但是能夠清理控制臺(tái)窗口，讓JavaScript的除錯(cuò)更容易。是Chrome、Opera和Safari內(nèi)建的除錯(cuò)工具的好搭檔。