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