Web前端三大框架的總結，你是否知道呢？
## **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
