第一、尺寸问题
设计图的尺寸我刚开始要的是750*1334px，但是在实际应用中发现忽略了手机的状态栏和导航栏的高度
iphone的设计标准，状态栏和导航栏的独立像素高度分别为40px和88px
android系统的可以更改状态栏和导航栏的高度，可以取默认值为48px和100px
所以设计元素的展现内容应该是去掉状态栏和导航栏的高度，取最大值148px,即最后的尺寸应该是750*1186
第二、页面切换问题
之前没有写过h5页面，所以就直接用swiper控制页面切换。用一个变量控制是哪个页面开始与结束动画
第三、动画卡顿问题
开启gpu加速，最好是只有当前页开启加速，其他页关闭。用两个变量来控制
开始很多gqu的话会有页面元素缺失。
页面尽量少用绝对定位于相对定位
第四、错误提示弹框
用原生的alert就好
第五、苹果手机返回按钮问题
以为初始化页面有微信授权，所以返回页面的话会返回一个空白的授权页。
手动往历史记录里添加一个记录，与当前的网址一模一样，监控返回按钮，刷新当前页面（window.reload()）
参考网址：
//屏幕尺寸，分辨率，像素，PPI之间的关系
http://www.chinaz.com/manage/2015/0902/441624.shtml
//h5页面制作bug总结
http://www.open-open.com/lib/view/open1449325854077.html
//gpu加速页面xuanran
http://ju.outofmemory.cn/entry/67235