2017年最主流的三個WEB前端開發(fā)框架莫過于AngularJS、React以及Vue.js了，然而在實際的運用中，這三者卻不盡相同，對于沒有AngularJS和React經(jīng)驗的團隊且遇上規(guī)模不大的前端項目來說，Vue.js因其容易上手會被列為首選；而由于AngularJS和React解決的是同一個領域的問題，即Web前端應用，或者更確切的說是日益復雜的前端應用。那么，面對如此復雜的兩個前端框架，我們該怎么選擇呢？

其實，如果復雜性沒有達到某種程度，僅僅是jQuery就能滿足使用要求。

然而市場永遠瞬息萬變，在逐漸多變的業(yè)務邏輯里，漸漸開始要求頁面隨數(shù)據(jù)進行動態(tài)變化，但數(shù)據(jù)一旦變化就會帶來大量的DOM操作，雖然有了jQuery，但還是要默默編寫大量的代碼，這樣造成數(shù)據(jù)和邏輯混雜在一起，牽一發(fā)動全身，修改一個地方會帶來很多意料之外的麻煩......

所以，深刻理解AngularJS和React并使用它們刻不容緩，首先讓我們來談談AngularJS和React的性能。

如同軟件開發(fā)日趨復雜化時面向?qū)ο蟮乃枷霊\而生一樣，AngularJS和React則將后臺開發(fā)中的一些最佳實踐應用到了前端開發(fā)當中，如MVVM、MVC、IOC等，將復雜問題進行模塊化分層，這和后臺開發(fā)中所倡導的高內(nèi)聚松耦合的思想也是一脈相承的，由此，提高了代碼復用率和可測試性，降低了代碼復雜度。

接著，在基本了解了這兩者的共同屬性后，再來細細研究這兩者各自的特點。

【AngularJS】

AngularJS是一款優(yōu)秀的前端JS框架，一定不是只有我覺得其顯著特點是大而全哦，它集模板，數(shù)據(jù)雙向綁定，路由，模塊化，服務，過濾器，依賴注入等所有功能于一身，簡直是一路開掛的標配啊~

而在使用的過程中，AngularJS的架構清晰，分工明確，擴展性良好，Model，View，Controller能將誰在什么時候做什么事情反映得無比清晰，并且能夠讓程序員立刻專注于業(yè)務邏輯，用過的表示從此深陷其中無法自拔啊~。

另外，整個框架充滿了DI的思路，耦合度低。

當然，我們都知道，AngularJS采用的是MVVM模式，很容易真正將頁面和數(shù)據(jù)邏輯分離，只要在模版中聲明視圖組件是和什么狀態(tài)進行綁定的，雙向綁定引擎便會在狀態(tài)更新的時候自動更新視圖。

總之，AngularJS更適合企業(yè)管理系統(tǒng)的開發(fā)，按照AngularJS給出的“路線圖”，可以實現(xiàn)快速開發(fā)，時效高，但前端定制的靈活性上要差一些，對此有特別要求的就要稍稍掂量了~

【React】

React的偉大之處就在于提出了Virtual DOM這種新穎的思路，當狀態(tài)發(fā)生變化時，React重新渲染Virtual DOM，比較計算之后就可以給真實DOM打補丁了。

相比較于AngularJS，React更關注UI的組件化和數(shù)據(jù)的單向更新，2014提出了FLUX架構的新概念，2015年Redux出現(xiàn)，將Flux與函數(shù)式編程結(jié)合一起，讓其在短時間內(nèi)迅速成為最熱門的前端架構。

所以React的目標是UI組件很容易理解，它通?？梢院推渌蚣芙M合使用，但與AngularJS不同的是，React需要自己組合形成一個完整的框架，才能正常使用，而ANT DESIGN這樣的最佳實踐可謂神助攻，讓其備受使用者青睞。

最后的最后，在安利了這么多的專業(yè)分析后，你有找到自己想要的框架style了嗎？找不到也不要緊，畢竟有些步驟對使用者的專業(yè)素質(zhì)要求甚高，這個時候，寶原科技的技術流大神們瞬間六米六啊；但如果找到的話說明悟性不容小覷??！不過這篇文章所提到的也只是冰山一角，你確定要失去未來不可預知的與大神們交流的機會嗎？那就請持續(xù)關注我們，更多精彩等你發(fā)現(xiàn)！