zoukankan      html  css  js  c++  java
  • phonegap3.0+HTMLl5 开发 ipad app 总结

    忙碌了一段时间,终于完成了手上的这个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

     

     

  • 相关阅读:
    Jmeter简单使用
    Linux命令补充
    数据加密
    问题 Can't load AMD 64-bit .dll on a IA 32-bit platform
    需要知道的东西很多还要知道的牢固
    Sqlyog问题
    精神苦难和快乐
    了解一个名词——GTD
    超强记忆力提升九大心法-10连锁记忆法
    Array数组结构底层实现复习
  • 原文地址:https://www.cnblogs.com/subway-2008/p/3710537.html
Copyright © 2011-2022 走看看