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指令就可以实现一个功能完备的选项卡:
...
...
...
ionic.js实现的指令基本覆盖了移动端开发所需,下面的图可以帮助我们快速简要地了解ionic.js的能力: