首页 > 移动平台 > 详细

WebApp遇到的一些坑

时间:2015-07-17 20:15:59      阅读:144      评论:0      收藏:0      [点我收藏+]

一、关于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还是说相应换算的值。

 

WebApp遇到的一些坑

原文:http://www.cnblogs.com/tree7/p/4655246.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!