【51CTO.com快譯】　　JavaScript擁有著龐大的技術社區，而如此可觀的技術支持基礎亦幫助其進一步在受眾群體中吸引人氣。值得強調的是，目前面向開發者的大部分框架及庫屬于開源項目，這意味著相關開發人員能夠輕松運用這些資源以高效完成日常工作。因此，無論您身為JavaScript新手抑或經驗豐富的前輩高人，充分利用這些方案的既有優勢都將顯著提升您的開發效率與效果。

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

　　1. Angular.js　　

　　Angular.js為目前人氣***的JavaScript框架之一。開發者利用其打造出無數復雜的Web應用。Angular.js的核心設計思路在于單頁面應用模式，但其同時亦支持MVC架構。利用Angular.js，開發者能夠在前端使用JavaScript代碼，從而隨意擴展HTML詞匯。

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

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

　　2. Backbone.js

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

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

　　3. D3.js

　　D3.js是一套出色的JavaScript庫，能夠幫助開發者利用數據操作功能創建出富網頁。D3.js結合了SVG、HTML以及CSS。利用D3.js，大家可以輕松將數據綁定至DOM并啟動數據驅動型事件。在D3.js的幫助下，我們也可以創建出高質量數據驅動型網頁，從而以更出色的視覺效果提供數據內容理解信息。

　　4. React.js

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

　　React.js的核心思路在于虛擬DOM。虛擬DOM類似于客戶端與服務器端間的中介，用于提升性能水平。虛擬DOM中發生的變更與服務器DOM進行匹配，確保僅必要元素得到更新，這就讓整個流程在速度上遠優于傳統UI更新。

　　大家也可以利用React實現Material設計，意味著可以借此打造出極強性能水平的現代Web應用。

　　5. jQuery

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

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

　　6. Ember.js

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

　　在React.js相似性方面，Ember.js同樣提供服務器端虛擬DOM以提升性能及擴展性。Ember.js亦鼓勵降低代碼編寫需求，提供出色的API選項并擁有卓越的技術社區。

　　7. Polymer.js

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

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

　　8. Three.js

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

　　9. PhantomJS

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

　　整個流程以自動化方式實現，大家只需要利用其提供的API設置Web應用即可。

　　10. BabylonJS

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

　　11. Boba.js

　　Web應用之間存在著一大共通性需求，即分析。如果大家一直在糾結于如何將分析機制插入JavaScript應用內，那么不妨考慮Boba.js。Boba.js能幫助大家輕松完成任務，同時包含對舊有ga.js的支持能力。大家也可以利用Boba.js實現指標整合。其惟一的運行前提為jQuery。

　　12. Underscore.js

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

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

　　13. Meteor.js

　　Meteor.js是一種快速高效的JavaScript應用構建途徑。其為開源項目且可用于面向桌面、移動以及Web端創建應用成果。Meteor.js是一套全棧框架，可實現多種平臺的端到端開發任務。大家可以利用Meteor.js創建后端與前端功能，亦可保證應用本身擁有出色的性能表現。Meteor.js亦擁有龐大的技術社區，因此新功能與bug修復更新可謂所在多有。另外，Meteor.js也天然具備模塊化特性并可配合多種出色的API進行協作。

　　14. Knockout.js

　　Knockout.js顯然是今天提到的所有框架中，最被低估的選項。這套開源JavaScript框架基于MIT許可，且立足于MVVM設計基礎之上。

　　15.特別推薦: Node.js

　　Node.js是一套強大的JavaScript運行時環境。其可用于配合真實數據構建高速且***可擴展性的應用程序。其既非框架亦非庫，而是一套基于谷歌Chrome JavaScript V8引擎的運行時環境。大家可以利用Node.js創建多樣的應用，包括單頁應用、實時Web應用等等。從技術層面講，Node.js的事件驅動型架構能夠支持異步I/O，這使其成為開發高擴展性解決方案的理想選項。

　　總結

　　JavaScript已經成為Web領域當之無愧的王者。其快速發展態勢除了源自強大的功能與效果，亦受到周邊開源社區的戮力支持。以上提到的各框架與庫絕對值得各位JavaScript開發人員加以嘗試，您當然也不應該錯過。

　　原文鏈接：https://opensource.com/article/16/11/15-javascript-frameworks-libraries

　　原文標題：15 JavaScript frameworks and libraries

　　原文作者：Michael J. Garbad

【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】