JavaScript擁有著龐大的技術(shù)社區(qū)，而如此可觀的技術(shù)支持基礎(chǔ)亦幫助其進(jìn)一步在受眾群體中吸引人氣。值得強(qiáng)調(diào)的是，目前面向開發(fā)者的大部分框架及庫屬于開源項(xiàng)目，這意味著相關(guān)開發(fā)人員能夠輕松運(yùn)用這些資源以高效完成日常工作。因此，無論您身為JavaScript新手抑或經(jīng)驗(yàn)豐富的前輩高人，充分利用這些方案的既有優(yōu)勢都將顯著提升您的開發(fā)效率與效果。

在今天的文章中，我們將介紹15款最為重要的JavaScript框架與庫——您千萬不要錯(cuò)過。

1. Angular.js

Angular.js為目前人氣最高的JavaScript框架之一。開發(fā)者利用其打造出無數(shù)復(fù)雜的Web應(yīng)用。Angular.js的核心設(shè)計(jì)思路在于單頁面應(yīng)用模式，但其同時(shí)亦支持MVC架構(gòu)。利用Angular.js，開發(fā)者能夠在前端使用JavaScript代碼，從而隨意擴(kuò)展HTML詞匯。

Angular.js自2009年誕生以來一直沒有停止發(fā)展的腳步。目前的Angular 1穩(wěn)定處死怕生1.5.8/1.2.30。大家也可以試試Angular 2，其較版本1實(shí)現(xiàn)顯著提升，不過仍未在全球開發(fā)者群體中得到普及。

Angular.js采用了數(shù)據(jù)綁定這一重要概念。用戶利用該接口進(jìn)行交互，當(dāng)交互完成后，視圖即隨后利用新值進(jìn)行更新，從而確保全部內(nèi)容得到同步。DOM更新則在底層邏輯于模型中執(zhí)行完畢之后再開始進(jìn)行。

2. Backbone.js

很多朋友可能并不打算開發(fā)復(fù)雜的Web應(yīng)用。在這種情況下，Backbone.js等相對較為簡單的Web應(yīng)用框架則能夠很好地用于學(xué)習(xí)相關(guān)知識。Backbone.js是一套直觀框架，能夠加快簡單Web應(yīng)用的構(gòu)建并使整個(gè)過程充滿樂趣。與Angular.js類似，Backbone.js同樣具備MVC支持能力。Backbone.js的其它核心特性包括路由、RESTful API支持、屬性狀態(tài)管理等等。大家也可以利用Backbone.js構(gòu)建單頁面應(yīng)用。

Backbone.js目前的穩(wěn)定版本為1.3.3，且可從GitHub處直接獲取。

3. D3.js

D3.js是一套出色的JavaScript庫，能夠幫助開發(fā)者利用數(shù)據(jù)操作功能創(chuàng)建出富網(wǎng)頁。D3.js結(jié)合了SVG、HTML以及CSS。利用D3.js，大家可以輕松將數(shù)據(jù)綁定至DOM并啟動數(shù)據(jù)驅(qū)動型事件。在D3.js的幫助下，我們也可以創(chuàng)建出高質(zhì)量數(shù)據(jù)驅(qū)動型網(wǎng)頁，從而以更出色的視覺效果提供數(shù)據(jù)內(nèi)容理解信息。

4. React.js

React.js是一套非常有趣的JavaScript框架。與其它JavaScript框架不同，React.js非常適合用于構(gòu)建高度可擴(kuò)展性前端用戶界面。React.js誕生于2013年，基于BSD許可并憑借著在開發(fā)復(fù)雜、美觀用戶界面領(lǐng)域的優(yōu)勢而得到快速發(fā)展。

React.js的核心思路在于虛擬DOM。虛擬DOM類似于客戶端與服務(wù)器端間的中介，用于提升性能水平。虛擬DOM中發(fā)生的變更與服務(wù)器DOM進(jìn)行匹配，確保僅必要元素得到更新，這就讓整個(gè)流程在速度上遠(yuǎn)優(yōu)于傳統(tǒng)UI更新。

大家也可以利用React實(shí)現(xiàn)Material設(shè)計(jì)，意味著可以借此打造出極強(qiáng)性能水平的現(xiàn)代Web應(yīng)用。

5. jQuery

jQuery是一套高人氣JavaScript庫，其功能包括事件處理、動畫以及更多其它方向。在構(gòu)建Web項(xiàng)目時(shí)，大家當(dāng)然不希望把時(shí)間浪費(fèi)在為簡單任務(wù)編寫代碼身上。jQuery憑借著其易于使用的API幫助我們解決這項(xiàng)難題。它還能夠與全部主流瀏覽器協(xié)作。利用jQuery，大家可以無縫化控制DOM并開發(fā)Ajax應(yīng)用。利用jQuery，開發(fā)者無需擔(dān)心底層交互并能夠輕松開發(fā)出自己構(gòu)想中的Web應(yīng)用。

jQuery還促進(jìn)了HTML與JavaScript代碼的分離，使得開發(fā)者能夠利用跨瀏覽器兼容性編寫出簡潔的代碼。另外，由jQuery開發(fā)而成的Web應(yīng)用還易于改進(jìn)及擴(kuò)展。

6. Ember.js

Ember.js在功能性層面相當(dāng)于Angular.js與React.js的結(jié)合體。大家可以通過其技術(shù)支持社區(qū)了解Ember.js的極高人氣，新功能亦在不斷出現(xiàn)。Ember.js在數(shù)據(jù)同步方面類似于Angular.js。這種雙向數(shù)據(jù)交換機(jī)制能夠確保應(yīng)用的運(yùn)行速度及可擴(kuò)展能力。另外，其還可幫助開發(fā)者創(chuàng)建前端元素。

在React.js相似性方面，Ember.js同樣提供服務(wù)器端虛擬DOM以提升性能及擴(kuò)展性。Ember.js亦鼓勵(lì)降低代碼編寫需求，提供出色的API選項(xiàng)并擁有卓越的技術(shù)社區(qū)。

7. Polymer.js

如果大家打算自行創(chuàng)建HTML5元素，則不妨試試Polymer.js。Polymer的核心在于為Web開發(fā)者提供創(chuàng)建自有標(biāo)簽的能力，從而擴(kuò)展開發(fā)能力。例如，大家可以創(chuàng)建一個(gè)〈my_video〉標(biāo)簽并為其定義與HTML5內(nèi)〈video〉元素類似的功能。

Polymer由谷歌公司于2013年推出，且基于3-Clause BSD許可。

8. Three.js

Three.js為另一套JavaScript庫，主要面向3D開發(fā)方向。如果大家身為動畫及游戲開發(fā)人員，那么Three.js絕對值得一試。Three.js采用WebGL并可輕松用于渲染屏幕上的3D對象。大家可能聽說過HexGL這款未來風(fēng)格的競速游戲，它就是由Three.js打造而成的。

9. PhantomJS

使用JavaScript免不了要跟各種瀏覽器打交道。而在談到瀏覽器時(shí)，資源管理就成了最重要議題。利用PhantomJS，大家可以通過其提供的WebKit監(jiān)控Web應(yīng)用性能。此WebKit亦屬于Chrome及Safari內(nèi)渲染引擎的組成部分。

整個(gè)流程以自動化方式實(shí)現(xiàn)，大家只需要利用其提供的API設(shè)置Web應(yīng)用即可。

10. BabylonJS

BabylonJS與Three.js在定位上非常相似，皆提供JavaScript API以創(chuàng)建強(qiáng)大的無縫化3D應(yīng)用。其開源且立足于JavaScript與WebGL基礎(chǔ)之上。創(chuàng)建球體等簡單3D對象的過程非常簡單，只需要數(shù)行代碼即可完成。大家可以認(rèn)真參閱BabylonJS的說明文檔以了解該庫的卓越之處。另外，項(xiàng)目主頁還提供不少啟發(fā)性優(yōu)秀演示。

11. Boba.js

Web應(yīng)用之間存在著一大共通性需求，即分析。如果大家一直在糾結(jié)于如何將分析機(jī)制插入JavaScript應(yīng)用內(nèi)，那么不妨考慮Boba.js。Boba.js能幫助大家輕松完成任務(wù)，同時(shí)包含對舊有g(shù)a.js的支持能力。大家也可以利用Boba.js實(shí)現(xiàn)指標(biāo)整合。其惟一的運(yùn)行前提為jQuery。

12. Underscore.js

Underscore.js可謂空白HTML編輯器文件的最佳解決方案。在啟動項(xiàng)目時(shí)，很多朋友面對著空空如也的屏幕感到無從下手或者被迫重復(fù)之前項(xiàng)目中已經(jīng)完成過的步驟。Underscore.js能夠據(jù)此提供多項(xiàng)功能，例如允許用戶利用自己最常用的Backbone.js或者jQuery功能元素。

另外，其中還提供一些功能幫助機(jī)制，包括“過濾”以及“調(diào)用圖”，旨在幫助我們盡快進(jìn)入工作狀態(tài)。另外，Underscore.js還提供相關(guān)套件以簡化測試流程。

13. Meteor.js

Meteor.js是一種快速高效的JavaScript應(yīng)用構(gòu)建途徑。其為開源項(xiàng)目且可用于面向桌面、移動以及Web端創(chuàng)建應(yīng)用成果。Meteor.js是一套全?？蚣?，可實(shí)現(xiàn)多種平臺的端到端開發(fā)任務(wù)。大家可以利用Meteor.js創(chuàng)建后端與前端功能，亦可保證應(yīng)用本身擁有出色的性能表現(xiàn)。Meteor.js亦擁有龐大的技術(shù)社區(qū)，因此新功能與bug修復(fù)更新可謂所在多有。另外，Meteor.js也天然具備模塊化特性并可配合多種出色的API進(jìn)行協(xié)作。

14. Knockout.js

Knockout.js顯然是今天提到的所有框架中，最被低估的選項(xiàng)。這套開源JavaScript框架基于MIT許可，且立足于MVVM設(shè)計(jì)基礎(chǔ)之上。

15.特別推薦: Node.js

Node.js是一套強(qiáng)大的JavaScript運(yùn)行時(shí)環(huán)境。其可用于配合真實(shí)數(shù)據(jù)構(gòu)建高速且極具可擴(kuò)展性的應(yīng)用程序。其既非框架亦非庫，而是一套基于谷歌Chrome JavaScript V8引擎的運(yùn)行時(shí)環(huán)境。大家可以利用Node.js創(chuàng)建多樣的應(yīng)用，包括單頁應(yīng)用、實(shí)時(shí)Web應(yīng)用等等。從技術(shù)層面講，Node.js的事件驅(qū)動型架構(gòu)能夠支持異步I/O，這使其成為開發(fā)高擴(kuò)展性解決方案的理想選項(xiàng)。

總結(jié)

JavaScript已經(jīng)成為Web領(lǐng)域當(dāng)之無愧的王者。其快速發(fā)展態(tài)勢除了源自強(qiáng)大的功能與效果，亦受到周邊開源社區(qū)的戮力支持。以上提到的各框架與庫絕對值得各位JavaScript開發(fā)人員加以嘗試，您當(dāng)然也不應(yīng)該錯(cuò)過。

原文標(biāo)題：15 JavaScript frameworks and libraries

原文作者：Michael J. Garbad