Angular

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

*React與Vue

相同點(diǎn)
1、使用 Virtual DOM，有較高的運(yùn)行速度
2、提供組件化功能
3、可使用mobx與vuex進(jìn)行狀態(tài)管理，響應(yīng)式、依賴追蹤

React

市場(chǎng)占比50%
1、子組件重復(fù)渲染問(wèn)題需要手動(dòng)優(yōu)化
2、可以使用redux進(jìn)行狀態(tài)管理，函數(shù)式、不可變、模式化，時(shí)間旅行
3、可使用JSX，完全的javascript能力
優(yōu)點(diǎn)：引入了一個(gè)叫做虛擬DOM的概念，運(yùn)行速度快；提供了標(biāo)準(zhǔn)化的API，解決了跨瀏覽器問(wèn)題、兼容性更好；代碼更加模塊化，重用代碼更容易，可維護(hù)性高。
缺點(diǎn)：React是目標(biāo)是UI組件，通?？梢院推渌蚣芙M合使用，并不適合單獨(dú)做一個(gè)完整的框架

Vue

市場(chǎng)占比45%
1、可使用JSX，但推薦使用模版語(yǔ)言而不是JSX
2、學(xué)習(xí)曲線平緩
優(yōu)點(diǎn)：漸進(jìn)式構(gòu)建能力是Vue.js最大的優(yōu)勢(shì)，Vue有一個(gè)簡(jiǎn)潔而且合理的架構(gòu)，使得它易于理解和構(gòu)建。Vue有一個(gè)強(qiáng)大的充滿激情人群的社區(qū)，這為Vue.js增加了巨大的價(jià)值，使得為一個(gè)空白項(xiàng)目創(chuàng)建一個(gè)綜合的解決方案變得十分容易。
缺點(diǎn)：在模型-視圖應(yīng)用程序和狀態(tài)容器類型的應(yīng)用程序之間的互相轉(zhuǎn)換可能會(huì)令人感到困惑；它類似于Web組件的模式，而不是真正的Web組件。

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

歡迎大家進(jìn)群探討前端技術(shù)交流，僅限于技術(shù)交流，并無(wú)他意 。群號(hào)：954314851

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。