IT培訓-高端面授IT培訓機構
          云和教育:云和數據集團高端IT職業教育品牌
          • 國家級
            全民數字素養與技能培訓基地
          • 河南省
            第一批產教融合型企業建設培育單位
          • 鄭州市
            數字技能人才(碼農)培養評價聯盟

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

          • 發布時間:
            2022-12-13
          • 版權所有:
            云和教育
          • 分享:

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

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

          ionic框架結構

          圖1 ionic的框架結構圖

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

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

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

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

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

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