AngularJS已然成為Web應(yīng)用開發(fā)世界里最受歡迎的開源JavaScript框架。自成立以來,見證其成功的是驚人的經(jīng)濟(jì)增長以及團(tuán)體的支持與采用――包括個人開發(fā)者、企業(yè)、社區(qū)。
Angular已經(jīng)變成一個構(gòu)建復(fù)雜單頁面應(yīng)用的客戶端MVW框架(Model-View-Whatever)。它在應(yīng)用測試和應(yīng)用編寫方面都扮演重要角色,同時簡化了開發(fā)過程。
Angular目前的版本為1.3,該版本穩(wěn)定,并被谷歌(框架維護(hù)者)用于支持眾多應(yīng)用(據(jù)估計,在谷歌有超過1600個應(yīng)用運(yùn)行于Angular1.2或1.3)。Angular 2.0正式宣布與去年10月份的尼日利亞會議上,該版本不會是一個復(fù)雜的重大更新。
為什么推出Angular 2.0?
在進(jìn)一步討論Angular 2.0(估計發(fā)布日期為2015年底)之前,讓我們簡單的思考下新版本背后的哲學(xué)。Angular 2.0開發(fā)始于解決以下問題:
移動:新的版本將專注于移動應(yīng)用的開發(fā)。依據(jù)是它更容易處理桌面方面的事情,一旦挑戰(zhàn)涉及到移動(性能、加載時間),注重這方面會使問題得到解決。
模塊化:各個模塊將從Angular的核心中移除,從而獲得更好的性能。這意味著你可以選擇你需要的零件。
現(xiàn)代化:Angular 2.0將把ES6和“常青”現(xiàn)代瀏覽器(自動更新到最新版本)作為目標(biāo)。這意味著開發(fā)者可以專注于業(yè)務(wù)領(lǐng)域相關(guān)的代碼。
有哪些爭議?
在尼日利亞會議上并沒有提及遷移到2.0版本的途徑。同時也指出跳轉(zhuǎn)到2.0版本將會打破原有的1.3版本應(yīng)用,不會有任何的向后兼容性。自從那時開始開發(fā)者社區(qū)一直充斥著不確定性和猜測,一些開發(fā)者也開始質(zhì)疑是否值得開始一個新的Angular 1.3項目。
有哪些改變?
AtScript
AtScript是ES6的一個父集,被用于開發(fā)Angular 2.0。它是由Traceur編譯器(連同ES6)處理來生成ES5代碼并用TypeScript類型語法來生成執(zhí)行時間的斷言,以此來代替編譯時的檢查。不過AtScript并不是強(qiáng)制的,你仍然能夠使用純JavaScript/ES5代碼代替AtScript來編寫Angular應(yīng)用。
改善依賴入駐(DI)
依賴注入(Dependency injection )模式的基本思想是客戶類Client不用自己來初始化它所依賴的成員變量IServer,使用一個獨(dú)立的對象創(chuàng)建IServer適當(dāng)?shù)膶崿F(xiàn)類并將它賦值給Client的成員變量。它對模塊開發(fā)與組件隔離特別有益。Angular 2.0將會解決Angular 1.X所存在的這個方面的問題。添加丟失的的特性,如child injectors和lifetime/scope控制。
Annotations
AtScript提供工具關(guān)聯(lián)元數(shù)據(jù)和功能。這有助于構(gòu)建提供必要信息到DI庫的對象實例(檢查相關(guān)元數(shù)據(jù)時調(diào)用一個函數(shù)或創(chuàng)建一個類的實例)。它還容易通過提供一個注解重載參數(shù)數(shù)據(jù)。
Child Injectors
一個child injector繼承了其父類的所有性能服務(wù)。根據(jù)要求,不同類型的對象可以被調(diào)用,并且自動覆蓋不同的范圍。
實例范圍
改進(jìn)的DI庫將以實例范圍為特性,這在使用Child Injectors和自己的范圍標(biāo)識符時變得更加強(qiáng)大。
模板和數(shù)據(jù)綁定
在開發(fā)應(yīng)用中,模板和數(shù)據(jù)綁定將齊頭并進(jìn)。
動態(tài)載入
這是當(dāng)前Angular版本所缺失的一個特性,不過將在Angular 2.0中出現(xiàn)。這將讓開發(fā)者可以在忙碌中添加新的指令或控制器。
模板
在Angular 2.0中,模板編譯過程將是異步的。由于代碼是基于ES6模塊規(guī)格,該模塊加載器將通過簡單的引用組件定義來加載依賴關(guān)系。
指令
在Angular 2.0中將會出現(xiàn)三種指令:
組件指令――這些將通過JavaScript、HTML或一個可選的CSS樣式表的封裝邏輯創(chuàng)建可重復(fù)使用的組件。
裝飾指令――這些指令將被用來裝飾元素(例如添加一個工具提示,或使用ng-show/ng-hide來顯示/隱藏元素)。
模板指令――這些將把HTML改變?yōu)榭芍貜?fù)使用的模板。模板的實例化以及嵌入到DOM可以完全由指令控制。這樣的例子包括ng-if和ng-repeat。
路由方案
初始的Angular路由是被設(shè)計用于處理一些簡單的情況。然而,隨著框架的發(fā)展,越來越多的功能被添加。在Angular 2.0中路由已經(jīng)是可擴(kuò)展的,它將包含以下基本功能:
簡單的基于json路由配置;
優(yōu)于配置的可選協(xié)定;
靜態(tài)的。參數(shù)化的路由模式;
URL解析器;
支持查詢字符串;
使用推送狀態(tài)或Hashchange;
導(dǎo)航模型(生成一個導(dǎo)航UI);
文檔標(biāo)題更新;
404路由處理;
位置服務(wù);
歷史操作。
現(xiàn)在,讓我們來看看那些讓Angular 2.0達(dá)到新高度的路由特性:
子路由
子路由將把應(yīng)用的每個組件通過為它們提供各自路由的方式轉(zhuǎn)換成更小的應(yīng)用,這將有助于封裝整個應(yīng)用的特性集。
屏幕激活
這將幫助開發(fā)者通過一組can*回調(diào)更出色的控制導(dǎo)航的生命周期:
canActivate――允許/阻止導(dǎo)航到新的控制器;
activate――響應(yīng)成功到新的控制器的導(dǎo)航;
canDeactivate――允許/阻止導(dǎo)航遠(yuǎn)離舊的控制器;
deactivate――響應(yīng)成功遠(yuǎn)離舊的控制器的導(dǎo)航;
這些回調(diào)將允許開發(fā)者返回Boolean值或一個命令(為了更低層次上的控制)。
設(shè)計
所有的這些邏輯都是使用流水線結(jié)構(gòu)構(gòu)建的,使得它非常容易將自己的步驟添加到流水線中或移除默認(rèn)的東西。此外,它的異步特性將允許開發(fā)者使用服務(wù)器請求進(jìn)行身份驗證或為控制器加載數(shù)據(jù),不過這還在規(guī)劃中。
日志
Angular 2.0將包含一個被稱為diary.js的日志服務(wù)――一個非常有用的特性,測量你在應(yīng)用中時間花費(fèi)在哪里。
Scope
$scope將從Angular 2.0中移除,取而代之的是ES6類。
結(jié)論
隨著發(fā)布日期的臨近,圍繞Angular 2.0的興奮和聲音將會加劇。是否打破改變是一件好事?我們無法知道,不過反對者感到緊張是可以理解的,因為明顯缺乏遷移的計劃。Duang的一下就來了。不過其既然要來了,我們可以做的就是積極的迎接它。
以上內(nèi)容給大家介紹了AngularJS 2.0新特性,希望對大家有所幫助!
新聞熱點(diǎn)
疑難解答