前端三大主流框架的對比React捺氢、Vue藻丢、Angular

當前,三大主流前端框架分別是React斋否、Vue、Angular這三個框架拭荤。


React 起源于 Facebook 的內(nèi)部項目茵臭,用來架設(shè) Instagram 的網(wǎng)站, 并于 2013年 5 月開源舅世。React 擁有較高的性能旦委,代碼邏輯非常簡單,越來越多的人已開始關(guān)注和使用它雏亚。它有以下的特性:

1.聲明式設(shè)計:React采用聲明范式缨硝,可以輕松描述應(yīng)用。

2.高效:React通過對DOM的模擬罢低,最大限度地減少與DOM的交互查辩。

3.靈活:React可以與已知的庫或框架很好地配合宜岛。

優(yōu)點:

1. 速度快:在UI渲染過程中,React通過在虛擬DOM中的微操作來實現(xiàn)對實際DOM的局部更新功舀。

2. 跨瀏覽器兼容:虛擬DOM幫助我們解決了跨瀏覽器問題萍倡,它為我們提供了標準化的API,甚至在IE8中都是沒問題的日杈。

3. 模塊化:為你程序編寫?yīng)毩⒌哪K化UI組件遣铝,這樣當某個或某些組件出現(xiàn)問題是瘫絮,可以方便地進行隔離。

4. 單向數(shù)據(jù)流:Flux是一個用于在JavaScript應(yīng)用中創(chuàng)建單向數(shù)據(jù)層的架構(gòu)填硕,它隨著React視圖庫的開發(fā)而被Facebook概念化麦萤。

5. 同構(gòu)、純粹的javascript:因為搜索引擎的爬蟲程序依賴的是服務(wù)端響應(yīng)而不是JavaScript的執(zhí)行扁眯,預(yù)渲染你的應(yīng)用有助于搜索引擎優(yōu)化壮莹。

6.兼容性好:比如使用RequireJS來加載和打包,而Browserify和Webpack適用于構(gòu)建大型應(yīng)用姻檀。它們使得那些艱難的任務(wù)不再讓人望而生畏命满。

缺點:

React本身只是一個V而已,并不是一個完整的框架绣版,所以如果是大型項目想要一套完整的框架的話胶台,基本都需要加上ReactRouter和Flux才能寫大型應(yīng)用。


Vue是尤雨溪編寫的一個構(gòu)建數(shù)據(jù)驅(qū)動的Web界面的庫杂抽,準確來說不是一個框架诈唬,它聚焦在V(view)視圖層。

它有以下的特性:

1.輕量級的框架

2.雙向數(shù)據(jù)綁定

3.指令

4.插件化

優(yōu)點:

1. 簡單:官方文檔很清晰缩麸,比 Angular 簡單易學铸磅。

2. 快速:異步批處理方式更新 DOM。

3. 組合:用解耦的杭朱、可復用的組件組合你的應(yīng)用程序阅仔。

4. 緊湊:~18kb min+gzip,且無依賴弧械。

5. 強大:表達式 無需聲明依賴的可推導屬性 (computed properties)霎槐。

6. 對模塊友好:可以通過 NPM、Bower 或 Duo 安裝梦谜,不強迫你所有的代碼都遵循 Angular 的各種規(guī)定,使用場景更加靈活袭景。

缺點:

1. 新生兒:Vue.js是一個新的項目唁桩,沒有angular那么成熟。

2. 影響度不是很大:google了一下耸棒,有關(guān)于Vue.js多樣性或者說豐富性少于其他一些有名的庫荒澡。

3. 不支持IE8


Angular是一款優(yōu)秀的前端JS框架,已經(jīng)被用于Google的多款產(chǎn)品當中与殃。

它有以下的特性:

1.良好的應(yīng)用程序結(jié)構(gòu)

2.雙向數(shù)據(jù)綁定

3.指令

4.HTML模板

5.可嵌入单山、注入和測試

優(yōu)點:

1. 模板功能強大豐富碍现,自帶了極其豐富的angular指令。

2. 是一個比較完善的前端框架米奸,包含服務(wù)昼接,模板,數(shù)據(jù)雙向綁定悴晰,模塊化慢睡,路由,過濾器铡溪,依賴注入等所有功能漂辐;

3. 自定義指令,自定義指令后可以在項目中多次使用棕硫。

4. ng模塊化比較大膽的引入了Java的一些東西(依賴注入)髓涯,能夠很容易的寫出可復用的代碼,對于敏捷開發(fā)的團隊來說非常有幫助哈扮。

5. angularjs是互聯(lián)網(wǎng)巨人谷歌開發(fā)纬纪,這也意味著他有一個堅實的基礎(chǔ)和社區(qū)支持。

缺點:

1. angular 入門很容易 但深入后概念很多, 學習中較難理解.

2. 文檔例子非常少, 官方的文檔基本只寫了api, 一個例子都沒有, 很多時候具體怎么用都是google來的, 或直接問misko,angular的作者.

3. 對IE6/7 兼容不算特別好, 就是可以用jQuery自己手寫代碼解決一些.

4. 指令的應(yīng)用的最佳實踐教程少, angular其實很靈活, 如果不看一些作者的使用原則,很容易寫出 四不像的代碼, 例如js中還是像jQuery的思想有很多dom操作.

5. DI 依賴注入 如果代碼壓縮需要顯示聲明.

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末灶泵,一起剝皮案震驚了整個濱河市育八,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赦邻,老刑警劉巖髓棋,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異惶洲,居然都是意外死亡按声,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進店門恬吕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來签则,“玉大人,你說我怎么就攤上這事铐料〗チ眩” “怎么了?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵钠惩,是天一觀的道長柒凉。 經(jīng)常有香客問我,道長篓跛,這世上最難降的妖魔是什么膝捞? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮愧沟,結(jié)果婚禮上蔬咬,老公的妹妹穿的比我還像新娘鲤遥。我一直安慰自己,他們只是感情好林艘,可當我...
    茶點故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布盖奈。 她就那樣靜靜地躺著,像睡著了一般北启。 火紅的嫁衣襯著肌膚如雪卜朗。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天咕村,我揣著相機與錄音场钉,去河邊找鬼。 笑死懈涛,一個胖子當著我的面吹牛逛万,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播批钠,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼宇植,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了埋心?” 一聲冷哼從身側(cè)響起指郁,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎拷呆,沒想到半個月后闲坎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡茬斧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年腰懂,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片项秉。...
    茶點故事閱讀 39,926評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡绣溜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出娄蔼,到底是詐尸還是另有隱情怖喻,我是刑警寧澤,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布岁诉,位于F島的核電站罢防,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏唉侄。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一野建、第九天 我趴在偏房一處隱蔽的房頂上張望属划。 院中可真熱鬧恬叹,春花似錦、人聲如沸同眯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽须蜗。三九已至硅确,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間明肮,已是汗流浹背菱农。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留柿估,地道東北人循未。 一個月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像秫舌,于是被迫代替她去往敵國和親的妖。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,871評論 2 354

推薦閱讀更多精彩內(nèi)容