什么是Ionic Js？

2019独角兽企业重金招聘Python工程师标准>>>

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的能力：

 

 

 

转载于:https://my.oschina.net/u/2971691/blog/864611