Ionic 介绍

Ionic一.介绍ionic是一种老式的使用H5开发iOS和Android应用的方式,也可以使用新的语言React Native开发,当然对于H5实现复杂的或者交互性没有那么好的,就可以使用iOS和Android的插件实现;二.Ionic特点a.开发方面:1.ionic 基于Angular语法，简单易学.2.ionic 是一个轻量级框架.3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护.4.ionic 提供了漂亮的设计，通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用.5.ionic 专注原生，让你看不出混合应用和原生的区别.6.ionic 提供了强大的命令行工具.7.ionic 性能优越，运行速度快.b.对开发的描述: 1.混合型APP的优势是：提高开发效率和迭代速度、降低开发成本；2.劣势是：较差的用户体验和限制一定的本地资源和能力。三.使用a.安装环境1.安装node.js2.安装cordova (命令行: sudo npm insall –g cordova)3.安装ionic(命令行: sudo npm insall –g ionic)b.创建应用1.Desktop 创建文件夹 例如appIonicTest2.cd 到 appIonicTest 文件夹 3.ionic start myAppc.创建平台应用(iOS . Android)1.cd myApp2.ionic cordova platform add ios3.ionic build ios (打开iOS 项目)4.ionic emulate iOS (模拟器运行)d.开发1.src 主要开发区域 ,开发完成后 同步到手机端2.ionic cordova build ios3.ionic platform add iOS四.Ionic分析a.优势1. 基于angularjs，同时兼容iso和android（虽然还不太完善）。2. 创业团队资源不足情况下，ionic很有优势。3. 适合没太多互动性的app,开发效率比较高。4.可实现在线更新, 允许加载动态加载web js。b.劣势1.  android, list界面上下滑动会lag2.  ios下，当键盘弹出时，你可以选择整个页面scroll，也可以选择不scroll，但是这两种情况都有问题，scroll体验很糟，不scroll在某些情况下键盘弹出，但是input看不到。。。。。(后来发现有keyboard-attach)3.  应用内的文字不能复制出去，看了论坛里面一些帖子，似乎只能修改ionic官方js代码4.  ios header部分在进入时会莫名跳跃闪烁，似乎和处理statusbar的占位有关系，后用变通方式修复了一部分，没完全修复5.  下拉反弹有问题，可能和我们的代码结构有关6.  缓存机制有问题，从list进入detail，list自动销毁，再返回list，从头看起，也就是不知道你上次看到哪儿了，有变通解决方案，花了巨多精力来修复这个问题。此外，切换tab后，同样数据不保留，干嘛一定要destroy啊，留个缓存多好......7.  比较依赖一些现成的cordova plugin，如果没有plugin那很多功能的代价就高了，甚至无法实现8.  界面间的跳转动画很难自定义9.  在有底部tab的情况下，list进入detail，想隐藏底部tab并使其不占位置，得单独做些处理，如果不熟悉的话，需要花一些时间