開源javascript框架有哪些

开源javascript框架有：1、Angular；2、Backbone；3、“D3.js”；4、React；5、jQuery；6、Ember；7、Polymer；8、Three；9、PhantomJS；10、BabylonJS等等。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

开源JavaScript框架和库

1. Angular

Angular为目前人气最高的JavaScript框架之一。开发者利用其打造出无数复杂的Web应用。Angular.js的核心设计思路在于单页面应用模式，但其同时亦支持MVC架构。利用Angular.js，开发者能够在前端使用JavaScript代码，从而随意扩展HTML词汇。

Angular.自2009年诞生以来一直没有停止发展的脚步。目前的Angular 1稳定处1.5.8/1.2.30。大家也可以试试Angular 2，其较版本1实现显著提升，不过仍未在全球开发者群体中得到普及。

Angular采用了数据绑定这一重要概念。用户利用该接口进行交互，当交互完成后，视图即随后利用新值进行更新，从而确保全部内容得到同步。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

React是一套非常有趣的JavaScript框架。与其它JavaScript框架不同，React.js非常适合用于构建高度可扩展性前端用户界面。React诞生于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由Google公司於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設計基礎之上。

【相關推薦：javascript學習教學】

以上是開源javascript框架有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！