什么是ionic？ionic框架的主要結構是怎樣的？

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

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

圖1 ionic的框架結構圖

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

·ionicCSS：提供原生App質感的CSS樣式模擬，ionic這部分的實現使用了ionicicons圖標樣式庫。

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

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

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

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