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。
iOS 和 Android需要配置一下相應(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)問題。