Angular

現在市場占比5%
特點
1、完善的MV*框架，包含模板，數據雙向綁定，路由，模塊化，服務，過濾器，依賴注入等所有功能
2、Typescript
臟檢查，對臟數據的檢查就是臟檢查，比較UI和后臺的數據是否一致
優點：模板功能強大豐富并且是聲明式的，是一個比較完善的前端MVC框架，自帶了豐富的Angular指令；ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復用的代碼，對于敏捷開發的團隊來說非常有幫
缺點：驗證功能錯誤信息顯示比較薄弱，需要寫很多模板標簽；ngView只能有一個，不能嵌套多個視圖；比較笨重，沒有讓用戶選擇一個輕量級的版本。
比較
MVVM 列表渲染的初始化幾乎一定比 Virtual DOM 慢，因為創建 ViewModel / scope 實例比起 Virtual DOM 來說要昂貴很多
大而全大框架，學習成本高

*React與Vue

相同點
1、使用 Virtual DOM，有較高的運行速度
2、提供組件化功能
3、可使用mobx與vuex進行狀態管理，響應式、依賴追蹤

React

市場占比50%
1、子組件重復渲染問題需要手動優化
2、可以使用redux進行狀態管理，函數式、不可變、模式化，時間旅行
3、可使用JSX，完全的javascript能力
優點：引入了一個叫做虛擬DOM的概念，運行速度快；提供了標準化的API，解決了跨瀏覽器問題、兼容性更好；代碼更加模塊化，重用代碼更容易，可維護性高。
缺點：React是目標是UI組件，通常可以和其它框架組合使用，并不適合單獨做一個完整的框架

Vue

市場占比45%
1、可使用JSX，但推薦使用模版語言而不是JSX
2、學習曲線平緩
優點：漸進式構建能力是Vue.js最大的優勢，Vue有一個簡潔而且合理的架構，使得它易于理解和構建。Vue有一個強大的充滿激情人群的社區，這為Vue.js增加了巨大的價值，使得為一個空白項目創建一個綜合的解決方案變得十分容易。
缺點：在模型-視圖應用程序和狀態容器類型的應用程序之間的互相轉換可能會令人感到困惑；它類似于Web組件的模式，而不是真正的Web組件。

相對于自身而言覺得Vue框架更容易上手，各方面的優化相對較完善，而且正處于一個高速發展的階段，很多公司開始由Javascript原生轉向Vue開發中，建議剛上手的小伙伴們，多多上手Vue框架，當然這只是本人從這方面的建議，希望對大家有所幫助。

歡迎大家進群探討前端技術交流，僅限于技術交流，并無他意 。群號：954314851

總結

以上是生活随笔為你收集整理的Web前端三大框架的总结，你是否知道呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。