Ionic教程

1.Ionic是什么

1.ionic是一个强大的HTML5应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。

2.ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。

3.ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验

2.Ionic文件目录结构

Config.xml主要用于配置生成ios和android程序的一系列设置

Package.json用于配置ionic项目的文件

www用来存放html相关的文档

3.构造ionic APP的过程

1.需求分析

2.画出程序原型图

3.搭建ionic骨架

即确定ionic转场方式。Ionic提供三种基本的转场方式：

我们在开发的时候可以混合使用这些东西。

3.美工设计界面

这个工作可以和上个工作同时进行。

A：美工在设计界面的时候可以把图直接切分成html，这样可以省去一部分设计人员的工作。

B.美工也可以把图直接切分成图标，有设计人员完成基本布局。

这两种方式各有有缺：

A.省时间，但是设计略显粗狂；针对性较强，比如值针对ios6设计一款软件。

B.费时，设计出来的程序显得优雅，适应性比较好。如果美工经常阻塞，可以用这种方式。

4.设计前后台逻辑

Ionic主张把前台进行分层：

1.界面层；---->html页面绘制

2.模型层；---->控制逻辑编写

3.服务层；---->业务逻辑编写

4.Ionic（angular）比咱们现有的技术进步

1.前端依赖注入

2.前端路由

www.baidu.com/#/user/info?id=1213;

3.采用MVC结构

4.划分出服务层

5.模型

6.指令

5 ionic专有的标签

��|x�Ei��