abstract：通過選擇合適的JavaScript框架來更好適配你的項目需求，這有利于提高你的開發(fā)能力與web apps的競爭力。然后，你可以為基于JavaScript的應用或者網(wǎng)站想個極佳的主意。選擇合適框架應該對你項目的成功有顯著效果。它可以推到你及時完成項目，并且有助于你將來維護代碼。JavaScript框架，比如Angular.js，Ember.js，或者React.js，能提供很好的代碼框架，并且保持代

通過選擇合適的JavaScript框架來更好適配你的項目需求，這有利于提高你的開發(fā)能力與web apps的競爭力。

然后，你可以為基于JavaScript的應用或者網(wǎng)站想個極佳的主意。選擇合適框架應該對你項目的成功有顯著效果。它可以推到你及時完成項目，并且有助于你將來維護代碼。JavaScript框架，比如Angular.js，Ember.js，或者React.js，能提供很好的代碼框架，并且保持代碼的組織性，從而使得你的app更具靈活性與可擴展性，開發(fā)過程更加容易。

JavaScript場景的波動

Web開發(fā)變化速度非?？?。幾乎每個月都有一個JavaScript框架誕生，并且已存在的框架也在頻繁更新。這些框架和開源代碼一樣，世界各大社區(qū)可以對它們進行完善。到頭來，比較每個框架的優(yōu)點與不同點，成了一件不容易的事情。

Angular Vs React Vs Ember.Deep Dive

許多開發(fā)者都對JavaScript框架有著困惑，因為框架外表與功能差異很大。

下面，讓我們來比較三大廣泛應用于web的流行JavaScript框架的優(yōu)點：AngularJs、ReactJs和EmberJs。

框架概覽

AngularJS.框架空間的王者

Angular.js是一個應用模型-視圖-控制器(MVC)結(jié)構(gòu)(Angular 1)的開源web應用框架，模型-視圖-視圖模型(MVVM)結(jié)構(gòu)(Angular 2)，版權(quán)歸谷歌所有。它是以上最老的三大框架命名。因此，他擁有最龐大的社區(qū)。Angular.js通過徑向擴展HTML功能，解決了開發(fā)SPA的問題(單頁應用)?？蚣艿耐怀鎏攸c是快速啟動與運行你的app。

AngularJs 的優(yōu)缺點

優(yōu)點：

自定義文檔對象模型(DOM)元素的創(chuàng)建。

明確的UI設(shè)計與替換。

當在一個HTML文檔創(chuàng)建輸入屬性時，會為每個渲染屬性創(chuàng)建一個獨立的數(shù)據(jù)綁定。在發(fā)生變化需要重渲染之前，Angula先檢測r頁面的每一個明確屬性。

依賴注解。

簡單路徑。

代碼容易測試。

框架支持HTML語法的擴展，直接創(chuàng)建可復用的組件。

穩(wěn)健的模板生成方案。在HTML屬性使用綁定表達式來驅(qū)動模板功能。Angular的模板引擎擁有一個深度理解的DOM，它的優(yōu)越結(jié)構(gòu)模板減少了創(chuàng)建生成頁面所需的代碼量。

數(shù)據(jù)模型對于小規(guī)模數(shù)據(jù)的使用有所限制，其目的為了使得代碼簡單容易測試。

快速渲染靜態(tài)列表。

良好的代碼復用(Angular庫)。

痛點：

API指令的復雜度高。

對于有元素相互調(diào)用的頁面，Angular速度變得很慢。

初始設(shè)計變得慢起來。

由于大量DOM元素，影響性能。

復雜的第三方集成。

曲折的學習路線。

域容易使用，但是難以調(diào)試。

路徑具有局限性。

提示：Angular 2 的功能與上述有所不同。Angular 2 沒有沿用Angular 1 的設(shè)計，它徹底重寫了。該框架兩個版本有翻天覆地的變化，在開發(fā)商之間引起很大的爭議。

ReactJS. 領(lǐng)域中的新生代

ReactJS是一個開源庫，利用其驚人的渲染性能來構(gòu)建持久的用戶接口，由Facebook推出與發(fā)布。React在模型視圖控制器結(jié)構(gòu)中專注“V”層。React首次發(fā)布之后，它迅速達到頂峰。它的出現(xiàn)是為了解決其他JavaScript框架的共同問題——渲染大數(shù)據(jù)集合的效率。

ReactJs 的優(yōu)缺點

優(yōu)點：

接口設(shè)計與學習API容易。

與其他JavaScript框架相比，具有顯著性能。

更新速度快。React創(chuàng)建一個新的虛擬DOM，利用最近數(shù)據(jù)與比較上個版本的差異提供完善修復機制，創(chuàng)建一個最小的更新列表構(gòu)成真正的DOM使其同步，而不是每次發(fā)生變化都進行重復渲染。

服務端渲染允許創(chuàng)建同構(gòu)/通用的web apps。

容易導入組件，雖然有一些依賴。

更好的代碼復用。

方便JavaScript的調(diào)試。

在提高復雜組件性能方面，Angular與React難分高低。

基于層次的全系組件。

JSX，一個JavaScript擴展語法，允許引用HTML與使用HTML標簽語法來渲染子組件。

React Native 庫。

痛點：

它不是完整框架，它是一個庫。

非常傳統(tǒng)的視圖層。

Flux結(jié)構(gòu)是開發(fā)者使用過的一個與眾不同的范例。

大量開發(fā)者不喜歡JSX。

曲折學習路線。

集成React到傳統(tǒng)MVC框架，猶如鐵軌一樣需要一些配置。

EmberJS. 挑起重擔

EmberJS 是一個開源的JavaScript框架，用以創(chuàng)建單頁客戶端web應用，使用模型-視圖-控制器(MVC)模式。該框架提供通用數(shù)據(jù)綁定，基于網(wǎng)址驅(qū)動的方法用于構(gòu)建不同應用，重點放在可擴展性上。

在2007年，Ember起源于SproutCore。在2011年，它被Facebook收購，重命名為Ember。它從本地框架例如蘋果的Cocoa使用輕量靈敏性中，結(jié)合了成熟概念。

EmberJs 的優(yōu)缺點

優(yōu)勢：

約定優(yōu)于配置。Ember.js支持跟隨命名約定于自動生成代碼，而不是在你的應用不同路徑提供詳細配置，?？顚Ｓ玫那闆r下，不遵守公共約定。

客戶端渲染，在視圖層之外擴展web應用結(jié)構(gòu)。

支持URL。

Ember的對象模型有利于鍵值對的觀察。

嵌套的UIs。

最小化DOM。

在龐大應用生態(tài)系統(tǒng)運行良好。

很好地集成java與強大數(shù)據(jù)層。

完全成熟模板機制(處理板模板引擎構(gòu)建基于流行的Mustache模板引擎)，減少了代碼編寫。它并不知道什么是DOM，而是直接依賴文本操作，構(gòu)建動態(tài)的HTML文檔。

使用觀察者來觀察內(nèi)容的變化，只需要重新渲染改變的部分。

使用配件避免“臟檢查”。

更快的啟動時間與固有的穩(wěn)定性。

性能專注。

友好的文檔API接口。

痛點：

Ember.js在控制等級上缺乏組件復用。

有許多再也不用的過時內(nèi)容與例子。

曲折學習曲線。

處理板有大量<腳本>標簽會污染DOM，它被用作標志，保持模板與您的模型同步更新。

它的典型用法會很繁瑣。

Ember的對象模型安裝后體積過度膨脹與調(diào)試時調(diào)用棧。

框架中最具爭議的并且是最笨重的。

對于小項目有點大材小用。

測試手段似乎是模糊的，不夠完整。

清楚你的需求并且選擇最有前途的框架

到底哪個框架適合你，取決于對你的應用程序需求評估與框架性能的匹配度。這需要深入剖析每個框架的優(yōu)勢與不足，它們?nèi)绾螒糜诓煌瑘龊稀Ｋ锌蚣苡性S多共同點：它們都是開源的，擁有發(fā)布版本證書，也是使用MVC設(shè)計模式來創(chuàng)建SPAs。它們都有視圖，事件，數(shù)據(jù)模塊與路徑。但是，不同JavaScript框架能更好地適合不同類型的應用程序。

假如你正在決定創(chuàng)建一個web app，Angular，React和Ember是最安全提供長期支持并且活躍的社區(qū)。另外，最近Angular是三者中最流行的(框架)。你可以把它當做一站式服務商店來使用。大企業(yè)傾向選擇它作為框架。Ember則是提供框架中工具齊全的最佳解決方案，所以你不必花費反復查詢與合并庫。由于Ember需要花很長時間來學習，它比較適合長期的項目。React是以上框架中最輕量級的。它在這方面做得尤為出色：渲染UI組件。許多場合甚至把它應用于上述的框架。假如你需要逐步改善存在的代碼，它將是一個合適的選擇。

如你所見，沒有絕對的王者。對于特定工程，一些框架比其他更加適合。從幾個角度檢查你的項目，包括：成熟度、大小、依賴、互相操作性與特征等等。聯(lián)系專業(yè)的web開發(fā)公司來構(gòu)建完美的網(wǎng)站架構(gòu)和網(wǎng)站設(shè)計，以達到最適合你的業(yè)務需求。