忙碌了一段时间,终于完成了手上的这个ipad上的app ,app是用phonegap+ jquery mobile 开发的,不是用原生的objective c开发的。因为app有许多chart的渲染,如果使用javascript难度会小很多,不过phonegap的缺点也是显而易见---性能不好,尤其是当需要调用native api的时候.

下面就对我在完成app过程中的一些总结:

1.local storage本地存储容量不超过5M, 如果需要本地数据库应考虑数据量。如果数据库较多,需要使用native的sqlite数据库,xcode5.0工程里面可以直接新建sqlite3.0数据库。由于是基于phongap的开发,需要添加SQLitePlugin,在github上可以找到已经写好的插件。

2.每个页面会包括面3个函数windows.load,document.ready(),deviceReady() 3个事件的执行顺序, 如果需要从数据库读取数据,需要注意放在deivceReady()事件之后.

3.访问外部的service,需要在phonegap 配置文件,添加whitelist.不需要借助ajax +jsonp的方式来实现跨域。

4.jquery mobile中的navbar最多只能有5列,如果导航菜单多于5列,会自动换成2行

5.jquery mobile页面之间的跳转有白屏,尝试了晚上提到的很多方案,效果都不明显。最后不得不页面跳转的过程中加上gif动画,以掩饰白屏的问题。

6.页面的优化,尽量减少资源文件的引用,css文件放在头部,js文件放在尾部,并尽量压缩。

7.如何页面内容较多,而又必须在一个页面显示完成,就不得不使用滚轮了,这时候另外一个Js插件iscroll-4就比较好用了。

8.分享一个很好用的js滚轮插件mobiscroll(部分收费),类似于ios原生的pickervier控件一样,更多demo可以参考官网

8.分享一个slider插件(egorkhmelev-jslider ),如下图中的显示效果,我花了不少时间才做到如下图的效果.

9.最后就是chart,用了几套开源的js插件,效果都不满意,最后使用了收费的FusionCharts

最新文章

  1. 高性能MySQL(四):schema陷阱
  2. 重编译Linux命令源代码
  3. 二叉树遍历 空间复杂度为O(1)
  4. Linux下mysql数据库root无法登录的情况
  5. hadoop自带的writable类型
  6. OpenGL ES 2.0 雾
  7. 表单提交中get与post的区别
  8. MySQL优化必须调整的10项配置
  9. Nginx之(四)工作原理
  10. 去除vue项目中的#及其ie9兼容性
  11. Nginx:Linux下安装Nginx与配置
  12. Scrapy简单入门及实例讲解
  13. nodejs 使用官方oracledb库连接数据库 教程
  14. Linux(CentOS 7.0)安装Oracle11g R2
  15. 三 js语句
  16. position: relative;导致页面卡顿
  17. CSS选择器之兄弟选择器(~和+)
  18. ubuntu16.04+pycharm+默认文件头注释
  19. MUI ajax数据请求(list)
  20. 20155328 《Java程序设计》实验一(Java开发环境的熟悉) 实验报告

热门文章

  1. Eclipse使用xdoclet1.2.3 生成hibernate配置文件和映射文件
  2. autocomplete.js的使用(2):自动输入时,出现下拉选择框
  3. 若(p,q)=1,则(p^n,q^n)=1
  4. springboot中的任务(异步任务--定时任务--邮件任务)
  5. RemoteExt 远程验证
  6. Golang之Struct(二叉树定义)
  7. jave 逻辑运算 vs 位运算 + Python 逻辑运算 vs 位运算
  8. gd库已打开,验证码不显示
  9. curl工具
  10. linux相关文章链接