Angular與angularjs、react和vue的對比分析

這篇文章將為大家詳細(xì)講解有關(guān)Angular與angularjs、react和vue的對比分析，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

Angular相關(guān)介紹

angular是由Google維護(hù)的一款開源javaScript。Anguar1.5叫做angularJs，Angular4.0稱為Angular，Angular1.5到Angular4.0是完全重寫。

angular是一種單頁應(yīng)用，組件應(yīng)用。重在構(gòu)建高重用組件，使用的是TypeScript語法。可以說，angularJs是沒有什么核心的，angular的核心是組件，react的核心是虛擬DOM。

AngularJs與Angular對比

AngularJs的優(yōu)點(diǎn)：

• 模板功能強(qiáng)大豐富：體現(xiàn)在雙向綁定
• 比較完善的前端MVC框架
• 引入了Java的一些概念

AngularJs的問題：

• 性能：體現(xiàn)在雙向綁定上，臟檢查，每次數(shù)據(jù)改變都會檢查是否需要重新綁定。angular做了改進(jìn)，不默認(rèn)進(jìn)行臟檢查
• 路由
• 作用域：瀏覽器和angularjs的執(zhí)行環(huán)境隔離
• 表單驗(yàn)證：angular使用模板
• javascript語言 ：angular使用微軟開發(fā)的TypeScript語法。
• 學(xué)習(xí)成本高

Angular的新特性：

• 全新的命令行工具AngularCLI
• 服務(wù)器端渲染 SU
• 移動(dòng)和桌面的兼容：跨平臺的手機(jī)應(yīng)用的支持

架構(gòu)上的不同：

angularJs是一種前端MVC的架構(gòu)，如下圖：

angular的架構(gòu)：angular是一種組件架構(gòu)，用戶可以與組件交互，組件之間互相路由，組件和服務(wù)之間通過依賴注入調(diào)用，服務(wù)調(diào)用webSocket與服務(wù)器端發(fā)生http通信。

Angular與react和vue的簡單對比

與react對比：

• 速度：react更新dom的次數(shù)少，并且更新的是虛擬dom，速度非?？?。angular采用了一種新的變更檢測算法，可以說與react不相上下。
• FLUX架構(gòu)：es6語法的支持，數(shù)據(jù)的單向更新等，angular都以支持。
• 服務(wù)器端渲染：單頁應(yīng)用的缺陷是對搜索引擎有很大的限制。

react是一款UI組件，通常需要和其他框架組合使用，并不適合單獨(dú)作為一個(gè)完整的框架。第三方組件也不如angular多。

與vue的對比：

vue的優(yōu)點(diǎn)：

• 簡單：國內(nèi)大牛開發(fā)，中文文檔，入手簡單快速
• 靈活：構(gòu)建靈活
• 性能：用了類似于react的虛擬dom，處理很快，性能很好。

vue缺點(diǎn)：

• 個(gè)人主導(dǎo)
• 只關(guān)注web：angular可以開發(fā)web和客戶端應(yīng)用
• 服務(wù)器端渲染：vue只能由第三方插件實(shí)現(xiàn)，angular由官方提供的服務(wù)段渲染提供支持，可以解決前端框架無法解決的一些痛點(diǎn)。

總結(jié)Angular:

關(guān)于Angular與angularjs、react和vue的對比分析就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。