你不得不知的Ionic3新特性

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)彎:

生活小竅門

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市诀紊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖呜象,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拴疤,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人丛肮,你說我怎么就攤上這事伴鳖∧淠耍” “怎么了宛徊?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵库物,是天一觀的道長毫目。 經(jīng)常有香客問我刮便,道長搜贤,這世上最難降的妖魔是什么据沈? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任融击,我火速辦了婚禮捣作,結(jié)果婚禮上以舒,老公的妹妹穿的比我還像新娘滥沫。我一直安慰自己,他們只是感情好斋泄,可當(dāng)我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布痹束。 她就那樣靜靜地躺著,像睡著了一般状勤。 火紅的嫁衣襯著肌膚如雪辛友。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天毅待,我揣著相機與錄音,去河邊找鬼。 笑死贼穆,一個胖子當(dāng)著我的面吹牛慨菱,可吹牛的內(nèi)容都是我干的畏腕。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼谈截!你這毒婦竟也來了嫂丙?” 一聲冷哼從身側(cè)響起跟啤,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤泛啸,失蹤者是張志新(化名)和其女友劉穎种柑,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體患久,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡镊靴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了链韭。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片偏竟。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖敞峭,靈堂內(nèi)的尸體忽然破棺而出踊谋,到底是詐尸還是另有隱情,我是刑警寧澤旋讹,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布殖蚕,位于F島的核電站,受9級特大地震影響沉迹,放射性物質(zhì)發(fā)生泄漏睦疫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一鞭呕、第九天 我趴在偏房一處隱蔽的房頂上張望蛤育。 院中可真熱鬧,春花似錦葫松、人聲如沸瓦糕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至枷恕,卻和暖如春党晋,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背徐块。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工未玻, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人胡控。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓扳剿,卻偏偏與公主長得像,于是被迫代替她去往敵國和親昼激。 傳聞我的和親對象是個殘疾皇子庇绽,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內(nèi)容