关于移动端踩过的坑

1.ios与android的标签表现不一致的问题

ios和android的select标签还有input[type=”button”]在真机上的样式会有区别，所以我们可以加上这一条css来消除ios和android的样式差别：

-webkit-appearance: none;

2.ios上不支持new Date(yyyy-mm-dd)

这个坑真的把我坑惨了，找了半天才找到这个原因，ios上你如果new Date(‘2014-08-05’)这样是不行的，所以你可以将格式转换成yyyy/mm/dd

var arr = sdate.split('-')
var sdate2 = arr[0] + '/' + arr[1] + '/' + arr[2];

3.ios上微信端返回不会执行js

在pc和android都试过，返回的时候会重新执行一遍js，但是ios微信端使用浏览器默认返回的时候不会再执行js.

4.ios微信端不识别canvas图片

使用canvas.toDataURL(“image/png”)，将canvas转换为img

5.ios滑动不流畅

当我在div上添加了

overflow-y: auto;

发现在ios上滑动非常生硬，体验非常不好，然后加上这一条属性就可以了

webkit-overflow-scrolling: touch;