什么是ionic？ionic框架的主要結(jié)構(gòu)是怎樣的？

ionic是目前最有潛力的一款混合式HTML5移動(dòng)開(kāi)發(fā)框架，通過(guò)SASS構(gòu)建應(yīng)用程序。其特點(diǎn)是使用標(biāo)準(zhǔn)的HTML、CSS和JavaScript，開(kāi)發(fā)跨平臺(tái)的原生App應(yīng)用，目前支特Android和iOS,計(jì)劃支持Windows Phone和FirefoxOS。

ionic提供了大量UI組件來(lái)幫助開(kāi)發(fā)人員開(kāi)發(fā)強(qiáng)大的應(yīng)用程序，其中包含一些基本的JavaScript模塊，例如擴(kuò)展AngularJS的指令、路由狀態(tài)機(jī)管理、手勢(shì)等。ionic將移動(dòng)端開(kāi)發(fā)中常見(jiàn)的UI組件抽象成AngularJS的指令，便于開(kāi)發(fā)人員在開(kāi)發(fā)中快速構(gòu)建應(yīng)用界面。ionic的框架結(jié)構(gòu)如圖1所示。

圖1 ionic的框架結(jié)構(gòu)圖

在圖1中，ionic CSS、ionic JavaScript和ionic CLI三大部分為ionic框架的主要結(jié)構(gòu)，具體介紹如下。

·ionicCSS：提供原生App質(zhì)感的CSS樣式模擬，ionic這部分的實(shí)現(xiàn)使用了ionicicons圖標(biāo)樣式庫(kù)。

·ionic JavaScript：ionic基于AngularJS基礎(chǔ)框架開(kāi)發(fā),遵循AngularJS的框架約束;主要提供了適應(yīng)移動(dòng)端UI的AngularJS的擴(kuò)展，包括指令和服務(wù)。此外，ionic使用AngularUI Router來(lái)實(shí)現(xiàn)前端路由。

·ionic CLI(Command-Line Interface,命令行界面)：命令行工具集用來(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 最大的亮點(diǎn)是集成了AngularJS和Cordova。在AngularJS+ionic+Cordova的混合App開(kāi)發(fā)模式中，ionic的作用是為混合App提供一個(gè)原容器，開(kāi)發(fā)人員只要將自己的網(wǎng)頁(yè)內(nèi)嵌到這個(gè)原生容器中即可。

ionic使用了HTML5和CSS3的一些新規(guī)范，因此對(duì)移動(dòng)設(shè)備操作系統(tǒng)的要求是iOS 7+和Android 4.1+。在低于這些版本的手機(jī)上使用由ionic開(kāi)發(fā)的應(yīng)用，有時(shí)會(huì)發(fā)生一些問(wèn)題。