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��