好程式設計師web前端教程分享前端三大框架有哪些異同

　　好程式設計師 web 前端教程分享 前端三大框架有哪些異同， we b 前端的框架可謂五花八門，多到讓你想象不到，但能沉澱下來的不多，而所謂的前端三大框架，指的時 An gular 、 React 、 Vue ，這三個框架時當下最為流行也時最多人用的框架，我故意這樣寫意在說明三大框架的出現順序，而且我永遠相信要弄懂一個東西，你首先要了解它的來龍去脈，所以下面先說說幾個框架各自的特點：

 

A n gular

　　 Angular 原名 a ngularJS 誕生於 2009 年，之前我們都是用 j query 開發，自從 a ngular 的出現讓我們有了新的選擇，它最大的特點是把後端的一些開發模式移植到前端來實現，如 MVC 、依賴注入等，創新式的雙向資料繫結不知簡化了我們多少程式碼，讓我們為之瘋狂，特別是表單處理方面，從此名聲大噪。

　　 好的框架一般會有兩個結果，一個繼續不斷更新迭代，避免被拍死在沙灘上，一個是被一些大公司收購煥發第二春， a ngular 屬於後者被 g oogle 所收購，且從 2 .0 後改名 a ngular 並使用微軟的 t ypescript 作為開發語言，目前最新版本 8 .0 ，照說傍上 g oogle 與微軟這兩條大船，前途應該不可限量才對，然而造化弄人，現在 an gular 的市場份額已經被 R eact 這個後起之秀和 V ue 這顆新星遠遠地甩到腦後。

 

React

React ， facebook 出品，正式版推出是在 2013 年，比 a ngular 晚了 4 年，但得益於其創新式的 V irtualDOM ，效能上碾壓 a ngular JS ，一經推出，火的一塌糊塗。 特點很多， V irtualDOM 、 JSX 、 Di ff 演算法等，支援 E S6 語法，採用函數語言程式設計，門檻稍高，但也更靈活，能讓開發具有更多可能性。

 

Vue

Vue 作為最後推出的框架（ 2014 年），借鑑了前輩 an gular 和 react 的特點（如 V irtualDOM 、雙向資料繫結、 diff 演算法、響應式屬性、元件化開發等）並做了相關最佳化，使其使用起來更加方便，更容易上手，比較少適合初學者。網上有很多人說 Vue 不適合做大型專案，純屬扯淡， Vue 在這方面已經最佳化得很好，當然，大量的響應式屬性（監聽屬性）也許會用一定的效能損耗，但在硬體、網路大力發展的今天，這些細微的效能差異幾乎感覺不到。

 

說完各自的特點再說 共同點

l  都是漸進式框架，都可以透過配套不同的工具實現更強大的功能

l  都是元件化開發，都能很好地解決分工與維護的問題

l  對資料流的處理都是單向的（ an gularJS 為雙向，但在 a ngular2 後的版本全部採用單向資料流）

l  ……

 

　　 關於前端三大框架的特點其實還有很多，我在這只是做個引子，更多的需要自己去使用去體會才能真正瞭解三大框架的異同，在這我不會表達 x xx 比 x xx 框架優的觀點，因為我覺得這樣太過於片面，我們也不應該拿關注度來評判一個框架的好壞， angular 的關注度低並不影響它是一個偉大框架的地位，每個框架都有其優缺點，存在即合理，只要它能真正解決實際開發過程中的問題，這才是我們想要的框架。