ionic主要包括三個(gè)部分:
1.CSS框架- 提供原生App質(zhì)感的CSS樣式模擬纹烹。ionic這部分的實(shí)現(xiàn)使用了ionicons圖標(biāo)樣式庫(kù)页滚。
2.JavaScript框架- ionic基于AngularJS基礎(chǔ)框架開(kāi)發(fā),遵循AngularJS的框架約束铺呵;主要提供了適應(yīng)移動(dòng)端UI的 AngularJS的擴(kuò)展裹驰,主要包括指令和服務(wù)。此外片挂,ionic使用AngularUI Router來(lái)實(shí)現(xiàn)前端路由幻林。
3.命令行/CLI- 命令行工具集用來(lái)簡(jiǎn)化應(yīng)用的開(kāi)發(fā)、構(gòu)造和仿真運(yùn)行音念。ionic命令行工具使用了 Cordova沪饺,依賴于平臺(tái)SDK(Android & iOS)實(shí)現(xiàn)將移動(dòng)web項(xiàng)目打包成原生app。
Ionic.js對(duì)AngularJS 進(jìn)行了擴(kuò)展闷愤,主要就是將移動(dòng)端開(kāi)發(fā)中常見(jiàn)的 UI 組件抽象成AngularJS的指令随闽,便于我們?cè)陂_(kāi)發(fā)中快速構(gòu)建應(yīng)用界面。
比如肝谭,我們使用ion-tabs指令就可以實(shí)現(xiàn)一個(gè)功能完備的選項(xiàng)卡:
...
...
...
ionic.js實(shí)現(xiàn)的指令基本覆蓋了移動(dòng)端開(kāi)發(fā)所需,下面的圖可以幫助我們快速簡(jiǎn)要地了解ionic.js的能力: