nowindxdw
11/2/2017 - 3:02 AM

IONIC


ionic 主要包括三个部分:
  CSS 框架 - 提供原生 App 质感的 CSS 样式模拟。ionic 这部分的实现使用了 ionicons 图标样式库。
  JavaScript 框架 - 提供移动 Web 应用开发框架。ionic 基于 AngularJS 基础框架开 发,因此 自然地遵循 AngularJS 的框架约束;此外,ionic 使用 AngularJS UI Router 实现前端路由。
  命令行/CLI - 命令行工具集用来简化应用的开发、构造和仿真运行。ionic 命令行 工具使用了 Cordova,依赖于平台 SDK(Android & iOS)实现将移动 web 项目打包 成原生 app。
由于 ionic 使用了 HTML5 和 CSS3 的一些新规范,所以要求 iOS7+/ Android4.1+。 在低于 这些版本的手机上使用 ionic 开发的应用,有时会发生莫名其妙的问题。 



ionic 的预定义 CSS 类主要分四个方面:
基本布局类
ionic 将手机页面的布局模式基本抽象为三块:头、内容、尾。基本布局类提供了 这几个 区域的 CSS 类。
颜色和图标类
ionic 定义了几个配色方案 CSS 类,并使用 ionicons 提供的字体图标类。
界面组件类
ionic 定义了丰富的界面组件 CSS 类,让 HTML 元素看起来像移动平台的 UI 组件。
栅格系统类
和 Bootstrap 一样,ionic 也提供了栅格系统。不过 ionic 的实现是基于 CSS3 的 FlexBox 模 型,更为灵活。