Angular與其他前端框架的對比總結(jié)(適用于angular的前端ui框架)
Angular與其他前端框架的對比總結(jié)(適用于angular的前端ui框架)
小編最近接觸到了Angular4前端框架,進(jìn)行知識的寬度比較,會對這個框架有更加全面立體的認(rèn)識。一、與Angular JS的比較
Angular4雖然和angular JS的名字相似但是他們是不一樣的東西,Angular4是一種全新的理念而創(chuàng)建出來的框架。
1.架構(gòu)對比
首先我們來看一下AngularJS和Angular4的架構(gòu)圖對比,從圖中我們不難看出AngularJS其實更像是我們用到的MVC框架,但是Angular4是實現(xiàn)了模塊化,組件化,我們的頁面是由不同的組件動態(tài)組成的,通過調(diào)用服務(wù)來時先與后臺的交互。
2.優(yōu)缺點
1)AngularJS的優(yōu)點:
a. 模板功能強(qiáng)大豐富,實現(xiàn)了雙向數(shù)據(jù)綁定,不需要用藥用JavaScript去操作 dom,縮減了前端開發(fā)的代碼
b. 有比較完善的前端MVC框架
c. 引入了java的一些概念(如依賴注入)
2)AngularJS存在的問題:
a. 性能:雙向數(shù)據(jù)綁定,在項目越大的時候,性能影響很大。AngularJs采用臟數(shù)據(jù)檢查的方式,跟蹤數(shù)據(jù)的改變,動態(tài)改變用戶頁面的數(shù)據(jù)。隨著綁定數(shù)量的增加,性能就會越來越低
b. 表單驗證必須寫指令來提示錯誤信息
c. 路由:子路由不可嵌套)
d. 必須依賴于JavaScript語言
3)Angular的新特性:
a. 全新的命令行工具AngularCLI
b. 服務(wù)器渲染
c. 移動和桌面兼容
二、和其他前端框架的對比
1.與React對比:
a. 虛擬DOM,速度響應(yīng)很快
b. flux架構(gòu),實現(xiàn)服務(wù)器端渲染
c.本身只是MVC中的V層,常需要和其他庫結(jié)合使用。重點在UI上
1.與Vue對比:
a. 簡單
b. 靈活
c.只關(guān)注web
d.個人主導(dǎo)的(angular類似生態(tài)圈,vue類似社區(qū)。vue由國內(nèi)大牛開發(fā)angular谷歌團(tuán)隊開發(fā))
e.服務(wù)器端渲染,vue只能借助其他服務(wù)器渲染庫
總結(jié)
知道每種框架的優(yōu)缺點之后我們才能在真正使用的時候選擇最適合我們的框架,所以這些知識是我們必須要了解的。