什麼是Ionic Js？

ionic主要包括三個部分：

1.CSS架構 - 提供原生App質感的CSS樣式模拟。ionic這部分的實作使用了ionicons圖示樣式庫。

2.JavaScript架構 - ionic基于AngularJS基礎架構開發，遵循AngularJS的架構限制；主要提供了适應移動端UI的 AngularJS的擴充，主要包括指令和服務。此外，ionic使用AngularUI Router來實作前端路由。

3.指令行/CLI - 指令行工具集用來簡化應用的開發、構造和仿真運作。ionic指令行工具使用了 Cordova，依賴于平台SDK（Android & iOS）實作将移動web項目打包成原生app。

Ionic.js對AngularJS 進行了擴充，主要就是将移動端開發中常見的 UI 元件抽象成AngularJS的指令，便于我們在開發中快速建構應用界面。

比如，我們使用ion-tabs指令就可以實作一個功能完備的頁籤：

<ion-tabs>

<ion-tab title="首頁">...</ion-tab>

<ion-tab title="交流">...</ion-tab>

<ion-tab title="設定">...</ion-tab>

</ion-tabs>

ionic.js實作的指令基本覆寫了移動端開發所需，下面的圖可以幫助我們快速簡要地了解 ionic.js的能力：