Ionic3帶來的新特性
Angular 4.0
新的版本下盆昙,改進(jìn) AOT 編譯器淡喜,分離 animations 包拆火,縮小生成后的代碼量涂圆,運行更快润歉,改進(jìn)ngIf 和ngFor 等具體內(nèi)容可以訪問http://angularjs.blogspot.sg/2017/03/angular-400-now-available.html來查看颈抚。
typescript 2.1, 2.2的支持
這一次的更新將提升typescript應(yīng)用構(gòu)建和類型檢查的速度并且引入了對mix-in的支持等具體可以訪問https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html來查看踩衩。
@IonicPage裝飾器
ionic2中導(dǎo)航器不是基于url的嚼鹉,如果想使用url訪問就要通過DeepLinker來實現(xiàn),這是非常麻煩的驱富,而在新版本我們可以通過@IonicPage裝飾器來實現(xiàn)锚赤。并且可以更輕松的在項目中設(shè)置延遲加載,設(shè)置延遲加載頁面的優(yōu)先級褐鸥,并為每個頁面自定義配置线脚。
懶加載
Ionic3.0版本開始,支持了延遲加載叫榕,我們可以將某些模塊設(shè)置為延時加載浑侥,只有用戶打開相關(guān)的頁面的時候,這個模塊所在的js才會被下載晰绎,這樣能減少用戶初次下載的文件的大小寓落。
總的來說伶选,升級Ionic3將使我們的項目變得更小,更快肖卧,而更吸引我們的則是懶加載,不僅僅是加快了app首次的啟動時間葵姥,更多的是配合上@IonicPage可以非常方便部署web版本矮嫉,讓每次進(jìn)入不用去請求龐大的js文件拨齐,做到首屏的快速加載厦滤,write once run anywhere羽峰,這些就是我們需要升級Ionic3的原因忍啸。
那么玫霎,問題來了翁脆,怎樣升級到Ionic3呢叉钥?
首先訪問https://github.com/ionic-team/ionic2-app-base/復(fù)制package.json的dependencies和devDependencies到自己的項目中后刪除掉原本的node_modules文件夾,運行npm install重新下載依賴息楔。
將BrowserModule加入你的app/app.module.tsimport { BrowserModule } from '@angular/platform-browser';
在app.module.ts中將BrowserModule添加進(jìn)imports中。
imports: [ ? BrowserModule, ? IonicModule.forRoot(MyApp) ],
由于ionic3將ionic-native拆開成個各種小的包@ionic-native/*,splash-screen鳞滨,status-bar等之前ionic-native中的模塊都需要重新引入具體可以參照http://ionicframework.com/docs/native/來對號入座熔任。
最后打開cmd控制臺運行ionic serve
開始享受ionic3帶來的改變吧!
前端面試題每日更新兵迅,歡迎參與討論,地址:https://github.com/daily-interview/fe-interview。
更多angular1/2/4/5、ionic1/2/3构拳、react掰茶、vue、微信小程序瓮顽、nodejs等技術(shù)文章翁授、視頻教程和開源項目贮配,請關(guān)注微信公眾號——全棧弄潮兒。
腦筋急轉(zhuǎn)彎:
生活小竅門