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 支持單向數據流，也就是動作改變狀態，而狀態的改變會更新所有受影響的視圖。

當狀態改變時，所有衍生都會進行原子級的自動更新。因此永遠不可能觀察到中間值。

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

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

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

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

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

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

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

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

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

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

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

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

11、Polymer。Polymer 庫提供用于創建自定義元素的一組功能。這些功能的設計，使其更容易、更快地創建像標準的 DOM 元素一樣工作的自定義元素。

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

13、Meteor。Meteor是一個用于構建現代Web應用程序的超簡單環境。

14、D3.js。D3.js是一個用于根據數據操作文檔的JavaScript庫。D3可幫助您使用HTML，SVG和CSS將數據變為現實。D3對Web標準的強調為您提供了現代瀏覽器的全部功能，而無需將自己與專有框架聯系起來，將強大的可視化組件和數據驅動方法結合到DOM操作中。

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

16、Aurelia。Aurelia是一個現代的前端JavaScript框架，用于構建瀏覽器，移動和桌面應用程序。它側重于與Web平臺規范緊密結合，使用約定優于配置，并具有小的框架入侵。

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

18、Keystore。KeystoneJS是一個功能強大的Node.js內容管理系統和基于Express Web框架和Mongoose ODM構建的Web應用程序框架。Keystone可以輕松創建復雜的網站和應用程序，并附帶一個漂亮的自動生成的管理UI。

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

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

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