|
近段時(shí)間是令前端工程師們非常興奮的時(shí)期，因?yàn)槿?Web 框架陸續(xù)發(fā)布新版本，讓我們見識到了更強(qiáng)大的 Web 框架！ Ember 2.0 已于去年 6 月發(fā)布，從 1.0 升級到 2.0 會(huì)非常簡單；隨即 React 也發(fā)布了 0.14 版本。還有很多流行的前端框架，像 Backbone 、Knockout 及 Aurelia 等。 如果你想開發(fā)一個(gè) Web app，建議采用 Angular，Ember 或 React 三種框架中的一個(gè)。這三個(gè)框架可以說是安全級別最高，技術(shù)非常成熟的框架，而且有很多技術(shù)社區(qū)支持。 如果你又開始糾結(jié)了，到底改用哪個(gè)框架呢？哪個(gè)更好用更安全更強(qiáng)大呢？ 那么通過本文，你就可以詳細(xì)地介紹三大框架新版的優(yōu)缺點(diǎn)并進(jìn)行對比，希望能夠?qū)δ阌兴鶐椭?/p> 1. Angular 2.0（與1.0對比，發(fā)生了翻天覆地的變化） Angualr 2.0 版本重新定義了框架，自身發(fā)生了非常巨大而又戲劇性的變化，因?yàn)?Angualr2.0 不支持向下兼容，使低版本升級到 2.0 版本成為一條絕路！ 然而，軟件行業(yè)總是充滿了奇跡和天才，Angular 團(tuán)隊(duì)為從 Angular 1.X 到2.0的升級指出了一條明路，使升級變成漸進(jìn)增強(qiáng)的過程。我想正是因?yàn)檫@個(gè)方法才拯救了 Angular！ 到底 Angular2.0 有什么令人興奮的功能？砍掉了些不必要的功能，提升性能如$scope從Angular 2.0中移除，取而代之的是ES6類。除了框架自身變得更簡潔，還有一些其他注意的特性：
性能提升可以說是眾望所歸，如果你對 Angular 非常熟悉，你已經(jīng)具有分解功能的能力，創(chuàng)建 App 也不在話下，性能問題總是有辦法解決的。
使用 Angular 開發(fā)原生應(yīng)用是 2.0 版本的最大改進(jìn)，Agular 團(tuán)隊(duì)與 React 聯(lián)合，在Angular 2.0 中底層使用React Native渲染原生App，可實(shí)現(xiàn)新一代的混合App，執(zhí)行過程與本地App相同，但可在邏輯層可在多平臺(tái)中共享。
Angular 2.0實(shí)現(xiàn)了服務(wù)器端渲染能力的很大提升，減少了初始頁面加載時(shí)間，通過動(dòng)態(tài)頁就能提升SEO。頁面渲染速度的提升，將大大改進(jìn)Web App的體驗(yàn)。 為什么選擇 Angular? Augular 已然成為 Web 應(yīng)用開發(fā)世界里最受歡迎的開源JavaScript框架。開發(fā)新項(xiàng)目選擇Angular無疑是一種安全的選擇，Angular2.0 與1.0有很大的不同。 事實(shí)上，Augular 2.0 演化過程與 Ember演化類似（Ember最早被稱為SproutCore2.0）。Angular支持使用 TypeScript 語言（由微軟提供的，為JavaScript提供類型檢測等高級功能）。 在實(shí)際開發(fā)中，很多開發(fā)人員還在使用TypeScript。Angular很多方面的改進(jìn)都期望能夠使Angular成為眾多企業(yè)開發(fā)首選的框架，使用2.0目前來看似乎有點(diǎn)冒險(xiǎn)，但我相信Angular2.0時(shí)代即將到來。 2. Ember 2.0 Ember.js 號稱是一個(gè)“雄心勃勃”的JavaScript MVC框架、現(xiàn)代JavaScript MVC框架的代表，是構(gòu)造單頁面應(yīng)用等現(xiàn)代Web應(yīng)用程序的新型Web端開發(fā)框架。有很多App的創(chuàng)建都在使用Ember，如Apple’s properties,Discourse,Ghost等。 Ember 是由兩個(gè)非常傳奇的工程師開發(fā)創(chuàng)建的，并不是由大企業(yè)研發(fā)而成，盡管如此，Ember仍有眾多強(qiáng)大的技術(shù)愛好者的支持。 Ember2.0 特點(diǎn)： Ember 2.0主要改進(jìn)——移除了之前不建議開發(fā)的功能，旨在成為一個(gè)瘦身框架。在Ember 1.13上運(yùn)行的程序，可以無縫切換到Ember 2.0上。
誰更適合使用Ember？ 實(shí)現(xiàn)Web app ，Ember是最佳選擇！目前，已有很多App都使用了Ember框架，Ember也將被Ruby協(xié)會(huì)所接納，并且它還擁有大量的資源供你使用，如文檔，技術(shù)博客等。 Ember 對購買工具包含框架的人來說是非常好的選擇，我們經(jīng)常會(huì)浪費(fèi)時(shí)間去尋找、研究、評估一些開發(fā)框架。EMber為你提供的選擇非常多，而且都非常有價(jià)值。 3. React1.0 React1.0 是三個(gè)框架中最輕量級的框架，React在渲染UI控件方面做的非常好，經(jīng)常與其他框架結(jié)對使用，例如與Flux 體系架構(gòu)聯(lián)合使用等。 Flux是與React生態(tài)系統(tǒng)類似，卻與MVC 完全不同的體系架構(gòu)。FaceBook創(chuàng)建React的目的，是為了保證多個(gè)頁面的外觀一致性。使用REACt確實(shí)能夠達(dá)到這種效果，它提供了令人難以置信的性能表現(xiàn)和服務(wù)器端的渲染效果！ 有個(gè)很有趣的現(xiàn)象，Angular和Emver都在爭相發(fā)布新版本，只有React在自己擅長的領(lǐng)域內(nèi)繼續(xù)創(chuàng)新！ React1.0版本的重大功能： 1. 升級項(xiàng)目網(wǎng)站 2. 升級框架文檔 3. 增強(qiáng)動(dòng)畫的魯棒性 React改進(jìn)的核心目的為了提升開發(fā)人員的體驗(yàn)，React的一大亮點(diǎn)是使用React提供的元素來創(chuàng)建動(dòng)畫，會(huì)變得非常簡單！ 誰更適合使用React？ 開發(fā)新項(xiàng)目或是改進(jìn)舊項(xiàng)目，React都是很好的選擇。使用React框架，可以讓創(chuàng)建App UI變得非常簡單。如果你想逐漸改善你的項(xiàng)目，選擇React是非常合適的！ React項(xiàng)目通常用ES2015編寫，如果你的項(xiàng)目只需要應(yīng)用框架中一些簡單的庫，React就是最佳選擇！ 三大框架對比 首先需要說明的是，三大框架幾乎可以覆蓋所有需求。這些框架的功能都很獨(dú)特，許多好的設(shè)計(jì)和實(shí)現(xiàn)思想，都已經(jīng)在三大框架中體現(xiàn)的淋漓盡致了。 Ember可視為是啟動(dòng)最快的框架，但是Ember 的學(xué)習(xí)成本較高，而就最終App而言，Angular JS 開發(fā)的app只需要寫很少的代碼，就可以實(shí)現(xiàn)。
三個(gè)框架沒有絕對的好，只有相對而言，哪個(gè)框架更容易滿足項(xiàng)目需求與設(shè)計(jì)的App的功能所需，就可以選擇哪個(gè)。 并且三大框架都將向著更好且更快地支持服務(wù)器端渲染的方向發(fā)展，Angular和React 將支持IOS和Android的原生UI設(shè)計(jì)，使用此三種框架未來能夠做很多的事情。 前端工具用起來 前端開發(fā)漸成熱潮，了解前端框架后，還需要了解開發(fā)工具：新一代HTML5 / JavaScript UI控件Wijmo，大而全面的前端開發(fā)工具包，現(xiàn)已全面支持Angular 2。下載試用，請聯(lián)系我們： 微信：GrapeCityDT 郵件：marketing.xa@grapecity.com 關(guān)于葡萄城控件 葡萄城是一家跨國軟件研發(fā)集團(tuán)，專注控件領(lǐng)域近30年，是全球最大的控件提供商，也是微軟認(rèn)證的金牌合作伙伴。 |
|
|
從上圖種可以看出，為什么三大框架如此流行？這是因?yàn)楦髯缘膬?yōu)勢都很明顯。
