Angular與其他前端框架的對(duì)比總結(jié)（適用于angular的前端ui框架）

小編最近接觸到了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的一些概念(如依賴(lài)注入)

2)AngularJS存在的問(wèn)題：

a. 性能：雙向數(shù)據(jù)綁定，在項(xiàng)目越大的時(shí)候，性能影響很大。AngularJs采用臟數(shù)據(jù)檢查的方式，跟蹤數(shù)據(jù)的改變，動(dòng)態(tài)改變用戶(hù)頁(yè)面的數(shù)據(jù)。隨著綁定數(shù)量的增加，性能就會(huì)越來(lái)越低

b. 表單驗(yàn)證必須寫(xiě)指令來(lái)提示錯(cuò)誤信息

c. 路由：子路由不可嵌套)

d. 必須依賴(lài)于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í)是我們必須要了解的。