前端框架比較

Angular

angularjs.org/

git

github.com/angular/ang…

中文

angular.cn/

www.angularjs.net.cn/

發起者：

google

資源：

angular.cn/resources

AngularJS是一款 開源 JavaScript庫，由 Google維護，用來協助 單一頁面應用程序運行的。它的目標是經過 MVC模式（MVC）功能加強基於瀏覽器的應用，使開發和測試變得更加容易。在版本2大改（最突出的改變的全面使用 TypeScript）以後更名 Angular，第N版以Angular N的形式命名。

Angular是一個基於TypeScript的Javascript框架。 由Google開發和維護，被稱爲「超級英雄JavaScript MVW框架」。 Angular（也稱爲「Angular 2+」，「Angular 2」或「ng2」）是AngularJS（也稱爲「Angular.js」或「AngularJS 1.x」）的重寫，主要是不兼容的繼承者。 雖然AngularJS（舊版本）最初於2010年10月發佈，但它仍然在修復bug等問題。新的Angular（sans JS）於2016年9月推出，版本爲2.最新的主要版本是版本4， 版本3被跳過。 Google，Wix，weather.com，healthcare.gov和Forbes（根據madewithangular，stackshare和libscore.com）使用Angular。

Vue

vuejs.org/

中文

cn.vuejs.org/index.html

git

github.com/vuejs/vue

發起者：

尤雨溪

Vue.js（ /vjuː/，或簡稱爲 Vue）是一個用於建立用戶界面的 開源 JavaScript框架，也是一個建立 單頁面應用的 Web應用框架 ^[4]。 2016年一項針對JavaScript的調查代表，Vue有着89%的開發者滿意度。 ^[5] 在 GitHub上，該項目平均天天能收穫95顆星，爲Github有史以來星標數第10多的項目

Vue是2016年發展最迅速的JS框架之一.Vue將本身描述爲一個「用於構建交互式界面的直觀，快速和可組合的MVVM」。該框架於2014年2月首次由前Google員工Evan You（BTW：Evan 當時寫了一篇關於營銷活動和數字的有趣的博客文章）。 這是很是成功的，尤爲是考慮到Vue在沒有大公司的支持的狀況下得到如同一我的的表演同樣的吸引力。 埃文目前有一個十幾個核心開發團隊。 2016年，版本2發佈。 Vue被阿里巴巴，百度，Expedia，任天堂，GitLab使用 - 在madewithvuejs.com上能夠找到一個小項目列表。

React

reactjs.org/

中文

doc.react-china.org/

git

github.com/facebook/re…

發起者：

facebook

React（有時叫 React.js或 ReactJS）是一個爲數據提供渲染爲 HTML視圖的 開源 JavaScript 庫。React視圖一般採用包含以自定義HTML標記規定的其餘組件的組件渲染。React爲程序員提供了一種子組件不能直接影響外層組件（"data flows down"）的模型，數據改變時對HTML文檔的有效更新，和現代單頁應用中組件之間乾淨的分離

React被描述爲「用於構建用戶界面的JavaScript庫」。 React最初於2013年3月發佈，由Facebook進行開發和維護，Facebook在多個頁面上使用React組件（但不是做爲單頁應用程序）。 根據Chris Cordle撰寫的這篇文章，React在Facebook上的使用遠遠多於Angular在Google上的使用。 React還被Airbnb，Uber，Netflix，Twitter，Pinterest，Reddit，Udemy，Wix，Paypal，Imgur，Feedly，Stripe，Tumblr，Walmart等（根據Facebook，stackshare和libscore.com）使用。

對比：

咱們並不須要 像Google，Facebook或阿里、騰迅同樣構建巨大的Web應用程序。 在我看來除了性能外，咱們更應關心與框架有關的技術棧，社區和生態系統，這對團隊的生產力和系統的可維護性影響更大。

項目	Angular	Vue	React
社區活躍程度		增加最快	最活躍
開發者狀況	多	逐步增多	少，jsx對設計師（美工）要求較高
框架理念	基於TypeScript 的JavaScript MVW框架	用於構建交互式界面的直觀，快速和可組合的MVVM	用於構建用戶界面的JavaScript庫，jsx
學習曲線	入門容易，後期困難（對使用靜態語言程序員有較好的支持）	對初入門者最友好	要求較高
靈活度	框架的意志強大	高	高（jsx是一個問題）
主要支持	Google	社區	Facebook
大客戶	Google，Wix，weather.com，healthcare.gov和Forbes	阿里巴巴，百度，Expedia，任天堂，GitLab	Facebook，Airbnb，Uber，Netflix，Twitter，Pinterest，Reddit，Udemy，Wix，Paypal，Imgur，Feedly，Stripe，Tumblr，Walmart
開源協議	MIT	MIT	MIT
數據流	雙向	單向、雙向	單向
核心庫大小（壓縮後）	143k	23K	43k
本地應用	NativeScript	Weex	react-native
服務器端渲染頁面庫（seo）	Angular Universal	nuxt.js	next.js
UI	www.ag-grid.com/best-angula… www.amexio.org/demoapp/#/h… material.angular.io/components/… vmware.github.io/clarity/doc… ng.ant.design/#/docs/angu… 中文	element-cn.eleme.io/#/zh-CN 餓了麼 中文 vuematerial.io/components/… vuetifyjs.com/layout/alig… www.muse-ui.org/#/install 中文 buefy.github.io/#/documenta… www.iviewui.com/ 中文 at-ui.github.io/at-ui/#/zh 中文 bootstrap-vue.js.org/docs semantic-ui.com/introductio… github.com/myliang/fis…	github.com/amazeui/ama… 中文 ant.design/index-cn 中文 阿里