Ionic2框架簡介

Ionic是用來做什么的

Ionic是一款基于web開發(fā)技術(shù)的框架共螺,為了使開發(fā)者更加高效快捷的開發(fā)移動端native APP而誕生的。

Ionic2的出現(xiàn)

于2017年年初發(fā)布徊件,隨著angular2框架的出現(xiàn),Ionic也由原來基于angularjs框架升級到angular框架,同時考慮到對app的可維護性屉佳,也由原來的基于JavaScript升級到Typescript览芳。

Ionic怎么用

安裝Ionic Cli 和 Cordova

npm install -g cordova ionic

Ionic依賴ionic cli來創(chuàng)建工程斜姥,并通過cordova build并生成native app。
iOSAndroid需要配置一下相應(yīng)的cordova

運行以下命令就可以創(chuàng)建一個Ionic項目工程了

ionic start MyIonicProject [init type]

MyIonicProject 是自己的工程目錄名

  • tabs : 包含三個簡單tab
  • sidemenu: 包含一個左邊菜單
  • blank: 空頁面
  • super: 完整的多功能小demo
  • tutorial: 項目引導(dǎo)工程

運行以下命令,啟動工程

ionic serve

運行一下命令可以快速創(chuàng)建 pipes, components, pages, directives, providers, 和 tabs

ionic generate page MyPage 
或
ionic g page MyPage

介紹幾個常用的API

NavController

NavController是一個控制頁面跳轉(zhuǎn)的基礎(chǔ)組件铸敏,此組件類似一個棧缚忧,當(dāng)前要顯示的頁面置于棧頂,回退時直接pop這個棧就行杈笔。

可以將此組件注入到除根組件之外其他組件中搔谴,用于控制頁面跳轉(zhuǎn)。

如果要在根組件下進(jìn)行跳轉(zhuǎn)桩撮,可以使用ion-nav組件敦第,然后給它添加一個索引變量,通過@ViewChild獲取ion-nav的一個實例店量,之后根組件就可以通過這個實例進(jìn)行頁面跳轉(zhuǎn)了芜果。

MenuController

MenuController控制菜單欄的組件。

常用的方法有:

  • close(menuId) 關(guān)閉菜單
  • enable(menuId) 使菜單有效/無效
  • open(menuId) 打開菜單
  • toggle(menuId) 切換菜單

兼容性

Android:完全兼容4.4以上的版本融师,對4.0.x以下的版本不做支持右钾,之間的版本建議使用Crosswalk來解決兼容性

iOS:iOS 8+

性能

ionic程序跑在webview里面,所有的對底層硬件的訪問都依賴cordova旱爆,所以對一些對交互和圖形處理有高要求的App舀射,會存在缺陷;同時怀伦,當(dāng)需要調(diào)用大量native接口時脆烟,性能上也會出現(xiàn)問題。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末房待,一起剝皮案震驚了整個濱河市邢羔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌桑孩,老刑警劉巖拜鹤,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異流椒,居然都是意外死亡敏簿,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門宣虾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來惯裕,“玉大人,你說我怎么就攤上這事安岂∏岵” “怎么了?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵域那,是天一觀的道長咙边。 經(jīng)常有香客問我猜煮,道長,這世上最難降的妖魔是什么败许? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任王带,我火速辦了婚禮,結(jié)果婚禮上市殷,老公的妹妹穿的比我還像新娘愕撰。我一直安慰自己,他們只是感情好醋寝,可當(dāng)我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布搞挣。 她就那樣靜靜地躺著,像睡著了一般音羞。 火紅的嫁衣襯著肌膚如雪囱桨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天嗅绰,我揣著相機與錄音舍肠,去河邊找鬼。 笑死窘面,一個胖子當(dāng)著我的面吹牛翠语,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播财边,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼肌括,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了制圈?” 一聲冷哼從身側(cè)響起们童,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤畔况,失蹤者是張志新(化名)和其女友劉穎鲸鹦,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體跷跪,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡馋嗜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了吵瞻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片葛菇。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖橡羞,靈堂內(nèi)的尸體忽然破棺而出眯停,到底是詐尸還是另有隱情,我是刑警寧澤卿泽,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布莺债,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏齐邦。R本人自食惡果不足惜椎侠,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望措拇。 院中可真熱鬧我纪,春花似錦、人聲如沸丐吓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽券犁。三九已至仇冯,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間族操,已是汗流浹背苛坚。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留色难,地道東北人泼舱。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像枷莉,于是被迫代替她去往敵國和親娇昙。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,446評論 2 348

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