WebApp遇到的一些坑

一、关于js

1. 引用zepto.js时，借用插件swipe时，写的滑动加载，在ios上可以实行滑动加载数据，但是在安卓上，就是不能滑动；

注： 在使用插件的时候，要先注意其兼容性问题。

2. 用jquery.js时，绑定touchstart事件，在手机上滑动页面时，容易误触到一些点击的效果，此时，一般会用touchstart+touchend结合使用，在加上延迟执行；但其实这两个事件，就相当于模拟的click事件，因为click事件有大概300ms的延迟，但是如果页面的head部分有<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> 就会默认取消这个延迟。

3. 在排查问题时，需要进行模块化的排查。

二、关于html

1. 当在本地测试，看到样式没有问题，代码也没有问题时，要看看在原生app端，他们调用的接口是不是正确的。（在排查问题时，一直以为是css样式没引入，没想到，其实html的页面结构就是不正确的，此时应该想到，可能链接的页面不对的）

三、 关于css

1. 在换算px--rem时，由于一开始初步定义的时候，媒体查询定义时，就不是等比的，故，在不同手机下，换算成的px值就不同，回导致页面上有些模块的间距会不是一样的，所以，在写css样式时，首先和UI交流下，垂直的间距，是一直固定的px还是说相应换算的值。