web前端框架有哪些？Web前端常用的js框架主要有20種，分別為MobX、Ractive.js、WebRx、Deku、Roit.js、Mithril、Vue.js、Angular.js、jQuery、React、Polymer、Node.js、Meteor、D3.js、Ember、Aurelia、Knockout等。

1、MobX。MobX 支持單向數(shù)據(jù)流，也就是動作改變狀態(tài)，而狀態(tài)的改變會更新所有受影響的視圖。

當(dāng)狀態(tài)改變時，所有衍生都會進(jìn)行原子級的自動更新。因此永遠(yuǎn)不可能觀察到中間值。

2、Ractive.js。active是在The Guardian theguardian.com上創(chuàng)建的，用于制作新聞應(yīng)用程序。典型的新聞應(yīng)用是高度互動的，結(jié)合了HTML和SVG，并且是在期限壓力下開發(fā)的。它必須跨瀏覽器可靠地工作，即使在移動設(shè)備上也能很好地運行。

3、WebRx。WebRx是一個基于瀏覽器的MVVM-Framework，它將功能反應(yīng)編程與聲明性數(shù)據(jù)綁定，模板和客戶端路由相結(jié)合。

該框架構(gòu)建于ReactiveX for Javascript(RxJs)之上，它是一組功能強大的庫，用于處理和查詢異步數(shù)據(jù)流，這些數(shù)據(jù)流可以來自不同的來源，如Http-Requests，Input-Events，Timers等等。

4、Deku。Deku是一個使用純函數(shù)和虛擬DOM渲染接口的庫。

Deku只使用函數(shù)并將所有狀態(tài)管理和副作用的責(zé)任推送到像Redux這樣的工具，而不是使用類和本地狀態(tài)。它還旨在僅支持現(xiàn)代瀏覽器以保持簡單。

5、Roit.js。Riot為所有現(xiàn)代瀏覽器帶來了自定義組件。它旨在為您提供Web組件API所需的所有本機。

6、Mithril。用于構(gòu)建單頁應(yīng)用程序的現(xiàn)代客戶端Javascript框架。它很小(9.55 KB gzip)，速度快，提供開箱即用的路由和XHR實用程序。

7、Vue.js。Vue(發(fā)音為/vju?/視圖)是用于構(gòu)建用戶界面的漸進(jìn)式框架。它從一開始就設(shè)計為可逐步采用，并且可以根據(jù)不同的用例在庫和框架之間輕松擴展。它由一個僅關(guān)注視圖層的可訪問核心庫和一個支持庫的生態(tài)系統(tǒng)組成，可幫助您解決大型單頁面應(yīng)用程序的復(fù)雜性問題。

8、Angular.js。AngularJS允許您編寫客戶端Web應(yīng)用程序，就像您擁有更智能的瀏覽器一樣。它允許您使用好的舊HTML(或HAML，Jade / Pug和朋友!)作為模板語言，并允許您擴展HTML的語法，以清晰簡潔地表達(dá)您的應(yīng)用程序的組件。

它通過雙向數(shù)據(jù)綁定自動將UI(視圖)中的數(shù)據(jù)與JavaScript對象(模型)同步。為了幫助您更好地構(gòu)建應(yīng)用程序并使其易于測試，AngularJS教會瀏覽器如何進(jìn)行依賴注入和控制反轉(zhuǎn)。

9、jQuery。Query是一個，小巧，功能豐富的JavaScript庫。它通過易于使用的API在大量瀏覽器中運行，使得HTML文檔遍歷和操作，事件處理，動畫和Ajax變得更加簡單。通過多功能性和可擴展性的結(jié)合，jQuery改變了數(shù)百萬人編寫JavaScript的方式。

10、React。React 組件使用一個名為 render() 的方法，接收輸入的數(shù)據(jù)并返回需要展示的內(nèi)容。在示例中這種類似 XML 的寫法被稱為 JSX。被傳入的數(shù)據(jù)可在組件中通過 this.props 在 render() 訪問。

11、Polymer。Polymer 庫提供用于創(chuàng)建自定義元素的一組功能。這些功能的設(shè)計，使其更容易、更快地創(chuàng)建像標(biāo)準(zhǔn)的 DOM 元素一樣工作的自定義元素。

12、Node.js。Node.js®是基于Chrome的V8 JavaScript引擎構(gòu)建的JavaScript運行時。

13、Meteor。Meteor是一個用于構(gòu)建現(xiàn)代Web應(yīng)用程序的超簡單環(huán)境。

14、D3.js。D3.js是一個用于根據(jù)數(shù)據(jù)操作文檔的JavaScript庫。D3可幫助您使用HTML，SVG和CSS將數(shù)據(jù)變?yōu)楝F(xiàn)實。D3對Web標(biāo)準(zhǔn)的強調(diào)為您提供了現(xiàn)代瀏覽器的全部功能，而無需將自己與專有框架聯(lián)系起來，將強大的可視化組件和數(shù)據(jù)驅(qū)動方法結(jié)合到DOM操作中。

15、Ember。Ember.js是一個JavaScript框架，可以大大減少構(gòu)建任何Web應(yīng)用程序所需的時間，精力和資源。它致力于通過執(zhí)行大多數(shù)Web開發(fā)項目中涉及的所有常見，重復(fù)但必不可少的任務(wù)，使您(開發(fā)人員)盡可能地工作。

16、Aurelia。Aurelia是一個現(xiàn)代的前端JavaScript框架，用于構(gòu)建瀏覽器，移動和桌面應(yīng)用程序。它側(cè)重于與Web平臺規(guī)范緊密結(jié)合，使用約定優(yōu)于配置，并具有小的框架入侵。

17、Knockout。Knockout是一個JavaScript MVVM(MVC的現(xiàn)代變體)庫，可以更輕松地使用JavaScript和HTML創(chuàng)建豐富的，類似桌面的用戶界面。它使用觀察器使您的UI自動與底層數(shù)據(jù)模型保持同步，以及一組功能強大且可擴展的聲明性綁定，以實現(xiàn)的開發(fā)。

18、Keystore。KeystoneJS是一個功能強大的Node.js內(nèi)容管理系統(tǒng)和基于Express Web框架和Mongoose ODM構(gòu)建的Web應(yīng)用程序框架。Keystone可以輕松創(chuàng)建復(fù)雜的網(wǎng)站和應(yīng)用程序，并附帶一個漂亮的自動生成的管理UI。

19、Backbone。Backbone.js的提供給結(jié)構(gòu)的Web應(yīng)用程序的模型與鍵值綁定和自定義事件， 收集與枚舉功能豐富的API， 觀點與陳述事件處理，而這一切在一個RESTful JSON接口連接到現(xiàn)有的API。

20、Zepto。Zepto是一個用于現(xiàn)代瀏覽器的極簡主義JavaScript庫，具有與jQuery兼容的API。

總結(jié)：每個框架都有自己的特點，大家在前端開發(fā)個過程中可以根據(jù)自己的需求去選擇新地應(yīng)用對應(yīng)的前端框架開發(fā)項目。如果是在前端培訓(xùn)學(xué)習(xí)過程中的話則可以把老師講的重點記錄了解，其余的框架簡單了解就可以。