jquery mobile使用过程中遇到的一些有关问题及解决办法

jquery mobile使用过程中遇到的一些有关问题及解决办法

jquery mobile使用过程中遇到的一些问题及解决方法
最近的项目在综合考虑了可能维护性和应用本身的复杂性,采用了HTML5 + JQuery Mobile的文案。
记录一下遇到的两个问题。

1)为了在手机上运行的更快,canvas中底图决定调用 putImageData 来复制,但在android 2.3系统上,canvas 的 putImageData 有很严重的锯齿,canvas.translate(0.5, 0.5)也是没有效果。如下图,前面是正常画出的底图,后面是 putImageData 后的底图。


jquery mobile使用过程中遇到的一些有关问题及解决办法

解决办法,
if (android 2.3) {
      一个一个图去重画画图
} else {
      canvas.putImageData
}


2)app设计为向右滑出菜单panel,这次在 WP8 上出问题了,在一个很大的page上滑出的菜单panel是空白的,在一些比较小的page上是正常的。下图是不正常的,


jquery mobile使用过程中遇到的一些有关问题及解决办法


花了一天调度了一下jqm的代码,却没有发现什么可疑的地方。晚上突然来了灵感,把菜单panel的css重置一下,然后它就正常了,正常的是如下图,


jquery mobile使用过程中遇到的一些有关问题及解决办法


这里用到了setTimeout延时一小会才重置,红圈中的代码是我给jqm打的一个小patch


jquery mobile使用过程中遇到的一些有关问题及解决办法



3)双点页面时,page的header会跳动几个像素,产生的原因是因为双点页面是jqm会触发页面上的 vclick 事件,

解决方法时,我不需要用到这些代码,把jqm中对应这段的代码给注释了。