2017年最主流的三個(gè)WEB前端開(kāi)發(fā)框架莫過(guò)于AngularJS、React以及Vue.js了，然而在實(shí)際的運(yùn)用中，這三者卻不盡相同，對(duì)于沒(méi)有AngularJS和React經(jīng)驗(yàn)的團(tuán)隊(duì)且遇上規(guī)模不大的前端項(xiàng)目來(lái)說(shuō)，Vue.js因其容易上手會(huì)被列為首選；而由于AngularJS和React解決的是同一個(gè)領(lǐng)域的問(wèn)題，即Web前端應(yīng)用，或者更確切的說(shuō)是日益復(fù)雜的前端應(yīng)用。那么，面對(duì)如此復(fù)雜的兩個(gè)前端框架，我們?cè)撛趺催x擇呢？
其實(shí)，如果復(fù)雜性沒(méi)有達(dá)到某種程度，僅僅是jQuery就能滿(mǎn)足使用要求。
然而市場(chǎng)永遠(yuǎn)瞬息萬(wàn)變，在逐漸多變的業(yè)務(wù)邏輯里，漸漸開(kāi)始要求頁(yè)面隨數(shù)據(jù)進(jìn)行動(dòng)態(tài)變化，但數(shù)據(jù)一旦變化就會(huì)帶來(lái)大量的DOM操作，雖然有了jQuery，但還是要默默編寫(xiě)大量的代碼，這樣造成數(shù)據(jù)和邏輯混雜在一起，牽一發(fā)動(dòng)全身，修改一個(gè)地方會(huì)帶來(lái)很多意料之外的麻煩......
所以，深刻理解AngularJS和React并使用它們刻不容緩，首先讓我們來(lái)談?wù)凙ngularJS和React的性能。
如同軟件開(kāi)發(fā)日趨復(fù)雜化時(shí)面向?qū)ο蟮乃枷霊?yīng)運(yùn)而生一樣，AngularJS和React則將后臺(tái)開(kāi)發(fā)中的一些最佳實(shí)踐應(yīng)用到了前端開(kāi)發(fā)當(dāng)中，如MVVM、MVC、IOC等，將復(fù)雜問(wèn)題進(jìn)行模塊化分層，這和后臺(tái)開(kāi)發(fā)中所倡導(dǎo)的高內(nèi)聚松耦合的思想也是一脈相承的，由此，提高了代碼復(fù)用率和可測(cè)試性，降低了代碼復(fù)雜度。
接著，在基本了解了這兩者的共同屬性后，再來(lái)細(xì)細(xì)研究這兩者各自的特點(diǎn)。
【AngularJS】
AngularJS是一款優(yōu)秀的前端JS框架，一定不是只有我覺(jué)得其顯著特點(diǎn)是大而全哦，它集模板，數(shù)據(jù)雙向綁定，路由，模塊化，服務(wù)，過(guò)濾器，依賴(lài)注入等所有功能于一身，簡(jiǎn)直是一路開(kāi)掛的標(biāo)配啊~
而在使用的過(guò)程中，AngularJS的架構(gòu)清晰，分工明確，擴(kuò)展性良好，Model，View，Controller能將誰(shuí)在什么時(shí)候做什么事情反映得無(wú)比清晰，并且能夠讓程序員立刻專(zhuān)注于業(yè)務(wù)邏輯，用過(guò)的表示從此深陷其中無(wú)法自拔啊~。
另外，整個(gè)框架充滿(mǎn)了DI的思路，耦合度低。
當(dāng)然，我們都知道，AngularJS采用的是MVVM模式，很容易真正將頁(yè)面和數(shù)據(jù)邏輯分離，只要在模版中聲明視圖組件是和什么狀態(tài)進(jìn)行綁定的，雙向綁定引擎便會(huì)在狀態(tài)更新的時(shí)候自動(dòng)更新視圖。
總之，AngularJS更適合企業(yè)管理系統(tǒng)的開(kāi)發(fā)，按照AngularJS給出的“路線(xiàn)圖”，可以實(shí)現(xiàn)快速開(kāi)發(fā)，時(shí)效高，但前端定制的靈活性上要差一些，對(duì)此有特別要求的就要稍稍掂量了~
【React】
React的偉大之處就在于提出了Virtual DOM這種新穎的思路，當(dāng)狀態(tài)發(fā)生變化時(shí)，React重新渲染Virtual DOM，比較計(jì)算之后就可以給真實(shí)DOM打補(bǔ)丁了。
相比較于AngularJS，React更關(guān)注UI的組件化和數(shù)據(jù)的單向更新，2014提出了FLUX架構(gòu)的新概念，2015年Redux出現(xiàn)，將Flux與函數(shù)式編程結(jié)合一起，讓其在短時(shí)間內(nèi)迅速成為最熱門(mén)的前端架構(gòu)。
所以React的目標(biāo)是UI組件很容易理解，它通?？梢院推渌蚣芙M合使用，但與AngularJS不同的是，React需要自己組合形成一個(gè)完整的框架，才能正常使用，而ANT DESIGN這樣的最佳實(shí)踐可謂神助攻，讓其備受使用者青睞。
最后的最后，在安利了這么多的專(zhuān)業(yè)分析后，你有找到自己想要的框架style了嗎？找不到也不要緊，畢竟有些步驟對(duì)使用者的專(zhuān)業(yè)素質(zhì)要求甚高，這個(gè)時(shí)候，寶原科技的技術(shù)流大神們瞬間六米六??；但如果找到的話(huà)說(shuō)明悟性不容小覷?。〔贿^(guò)這篇文章所提到的也只是冰山一角，你確定要失去未來(lái)不可預(yù)知的與大神們交流的機(jī)會(huì)嗎？那就請(qǐng)持續(xù)關(guān)注我們，更多精彩等你發(fā)現(xiàn)！
