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

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

ionic提供了大量UI組件來幫助開發(fā)人員開發(fā)強大的應(yīng)用程序，其中包含一些基本的JavaScript模塊，例如擴展AngularJS的指令、路由狀態(tài)機管理、手勢等。ionic將移動端開發(fā)中常見的UI組件抽象成AngularJS的指令，便于開發(fā)人員在開發(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這部分的實現(xiàn)使用了ionicicons圖標樣式庫。

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

·ionic CLI(Command-Line Interface,命令行界面)：命令行工具集用來簡化應(yīng)用的開發(fā)、構(gòu)造和仿真運行。ionic命令行工具使用了Cordova，依賴于平臺SDK(Android &.iOS)實現(xiàn)將移動Web項目打包成原生App。

ionic 最大的亮點是集成了AngularJS和Cordova。在AngularJS+ionic+Cordova的混合App開發(fā)模式中，ionic的作用是為混合App提供一個原容器，開發(fā)人員只要將自己的網(wǎng)頁內(nèi)嵌到這個原生容器中即可。

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