近段時間是令前端工程師們非常興奮的時期，因為三大 Web 框架陸續(xù)發(fā)布新版本,，讓我們見識到了更強大的 Web 框架,！

Ember 2.0 已于去年 6 月發(fā)布，從 1.0 升級到 2.0 會非常簡單,；隨即 React 也發(fā)布了 0.14 版本,。還有很多流行的前端框架，像 Backbone ,、Knockout 及 Aurelia 等,。

如果你想開發(fā)一個 Web app，建議采用 Angular,，Ember 或 React 三種框架中的一個,。這三個框架可以說是安全級別最高，技術(shù)非常成熟的框架,，而且有很多技術(shù)社區(qū)支持,。

如果你又開始糾結(jié)了，到底改用哪個框架呢,？哪個更好用更安全更強大呢,？

那么通過本文，你就可以詳細地介紹三大框架新版的優(yōu)缺點并進行對比,，希望能夠?qū)δ阌兴鶐椭?/p>

1. Angular 2.0（與1.0對比,，發(fā)生了翻天覆地的變化）

Angualr 2.0 版本重新定義了框架，自身發(fā)生了非常巨大而又戲劇性的變化,，因為 Angualr2.0 不支持向下兼容,，使低版本升級到 2.0 版本成為一條絕路！

然而,，軟件行業(yè)總是充滿了奇跡和天才,，Angular 團隊為從 Angular 1.X 到2.0的升級指出了一條明路，使升級變成漸進增強的過程,。我想正是因為這個方法才拯救了 Angular,！

到底 Angular2.0 有什么令人興奮的功能？砍掉了些不必要的功能,，提升性能如$scope從Angular 2.0中移除,，取而代之的是ES6類。除了框架自身變得更簡潔,，還有一些其他注意的特性：

• 性能提升

性能提升可以說是眾望所歸,，如果你對 Angular 非常熟悉，你已經(jīng)具有分解功能的能力,，創(chuàng)建 App 也不在話下,，性能問題總是有辦法解決的。

• 原生App支持

使用 Angular 開發(fā)原生應用是 2.0 版本的最大改進,，Agular 團隊與 React 聯(lián)合，在Angular 2.0 中底層使用React Native渲染原生App,，可實現(xiàn)新一代的混合App,，執(zhí)行過程與本地App相同，但可在邏輯層可在多平臺中共享,。

• 服務(wù)器端渲染能力

Angular 2.0實現(xiàn)了服務(wù)器端渲染能力的很大提升,，減少了初始頁面加載時間，通過動態(tài)頁就能提升SEO,。頁面渲染速度的提升,，將大大改進Web App的體驗。

為什么選擇 Angular?

Augular 已然成為 Web 應用開發(fā)世界里最受歡迎的開源JavaScript框架,。開發(fā)新項目選擇Angular無疑是一種安全的選擇，Angular2.0 與1.0有很大的不同,。

事實上,，Augular 2.0 演化過程與 Ember演化類似（Ember最早被稱為SproutCore2.0）。Angular支持使用 TypeScript 語言（由微軟提供的,，為JavaScript提供類型檢測等高級功能）,。

在實際開發(fā)中,，很多開發(fā)人員還在使用TypeScript。Angular很多方面的改進都期望能夠使Angular成為眾多企業(yè)開發(fā)首選的框架,，使用2.0目前來看似乎有點冒險,，但我相信Angular2.0時代即將到來。

2. Ember 2.0

Ember.js 號稱是一個“雄心勃勃”的JavaScript MVC框架,、現(xiàn)代JavaScript MVC框架的代表,，是構(gòu)造單頁面應用等現(xiàn)代Web應用程序的新型Web端開發(fā)框架。有很多App的創(chuàng)建都在使用Ember,，如Apple’s properties,Discourse,Ghost等,。

Ember 是由兩個非常傳奇的工程師開發(fā)創(chuàng)建的，并不是由大企業(yè)研發(fā)而成,，盡管如此,，Ember仍有眾多強大的技術(shù)愛好者的支持。

Ember2.0 特點：

Ember 2.0主要改進——移除了之前不建議開發(fā)的功能,，旨在成為一個瘦身框架,。在Ember 1.13上運行的程序，可以無縫切換到Ember 2.0上,。

• Ember 2.0進一步采用ES2015功能模塊,，類，和decorators,。

• 修改了項目分布結(jié)構(gòu),，使用“pod”分類代替功能分類（控制器，models,，組件等）,。

• 控制器被移除，支持路由控件,。

• 高級服務(wù)器端渲染器減少了頁面加載時間,，優(yōu)化搜索引擎。

  

誰更適合使用Ember,？

實現(xiàn)Web app ，Ember是最佳選擇,！目前,，已有很多App都使用了Ember框架，Ember也將被Ruby協(xié)會所接納,，并且它還擁有大量的資源供你使用,，如文檔，技術(shù)博客等。

Ember 對購買工具包含框架的人來說是非常好的選擇,，我們經(jīng)常會浪費時間去尋找,、研究、評估一些開發(fā)框架,。EMber為你提供的選擇非常多,，而且都非常有價值。

3. React1.0

React1.0 是三個框架中最輕量級的框架,，React在渲染UI控件方面做的非常好，經(jīng)常與其他框架結(jié)對使用,，例如與Flux 體系架構(gòu)聯(lián)合使用等,。

Flux是與React生態(tài)系統(tǒng)類似，卻與MVC 完全不同的體系架構(gòu),。FaceBook創(chuàng)建React的目的,，是為了保證多個頁面的外觀一致性。使用REACt確實能夠達到這種效果,，它提供了令人難以置信的性能表現(xiàn)和服務(wù)器端的渲染效果,！

有個很有趣的現(xiàn)象，Angular和Emver都在爭相發(fā)布新版本,，只有React在自己擅長的領(lǐng)域內(nèi)繼續(xù)創(chuàng)新,！

React1.0版本的重大功能：

1. 升級項目網(wǎng)站

2. 升級框架文檔

3. 增強動畫的魯棒性

React改進的核心目的為了提升開發(fā)人員的體驗，React的一大亮點是使用React提供的元素來創(chuàng)建動畫,，會變得非常簡單,！

誰更適合使用React,？

開發(fā)新項目或是改進舊項目,，React都是很好的選擇。使用React框架,，可以讓創(chuàng)建App UI變得非常簡單。如果你想逐漸改善你的項目,，選擇React是非常合適的,！

React項目通常用ES2015編寫，如果你的項目只需要應用框架中一些簡單的庫,，React就是最佳選擇,！

三大框架對比

首先需要說明的是，三大框架幾乎可以覆蓋所有需求,。這些框架的功能都很獨特,，許多好的設(shè)計和實現(xiàn)思想，都已經(jīng)在三大框架中體現(xiàn)的淋漓盡致了。

Ember可視為是啟動最快的框架,，但是Ember 的學習成本較高,，而就最終App而言，Angular JS 開發(fā)的app只需要寫很少的代碼,，就可以實現(xiàn),。

從上圖種可以看出,，為什么三大框架如此流行,？這是因為各自的優(yōu)勢都很明顯。

三個框架沒有絕對的好,，只有相對而言,，哪個框架更容易滿足項目需求與設(shè)計的App的功能所需，就可以選擇哪個,。

并且三大框架都將向著更好且更快地支持服務(wù)器端渲染的方向發(fā)展,，Angular和React 將支持IOS和Android的原生UI設(shè)計，使用此三種框架未來能夠做很多的事情,。

前端工具用起來

前端開發(fā)漸成熱潮,，了解前端框架后，還需要了解開發(fā)工具：新一代HTML5 / JavaScript UI控件Wijmo,，大而全面的前端開發(fā)工具包,，現(xiàn)已全面支持Angular 2。下載試用,，請聯(lián)系我們：

微信：GrapeCityDT

郵件：[email protected]

關(guān)于葡萄城控件

葡萄城是一家跨國軟件研發(fā)集團,，專注控件領(lǐng)域近30年，是全球最大的控件提供商,，也是微軟認證的金牌合作伙伴,。