前端踩坑

3 篇文章 0 订阅
3 篇文章 0 订阅
1、inline-block元素自带的4px边距
设置父元素font-size:0;letter-spacing:-4px;
然后设置子元素正常的font-size和letter-spacing;

2、移动端JS给页面设置scrollTop出现闪屏问题
给body加上属性:-webkit-overflow-scrolling: touch;

3、移动端ios浏览器/ios端微信浏览器,使用$(document).on()绑定事件失效
给要绑定的元素加个一个空的οnclick="",或者给该元素加上css{cursor: pointer;}

4、某些手机自带浏览器不支持css属性缩写
css属性尽量分开写,比如background: url(xxx.jpg) no-repeat 0 0/100% 100%;改为background: url(xxx.jpg) no-repeat;background-position: 0 0;background-size: 100% 100%;

5、当你动态加载的数据中$(".xxx").on("click",function(){})点击无响应
你可以将你的事件写成一个方法,在动态加载完成后,重新调用一次就行了

6、JS中使用加减运算浮点数的时候,可能会出现精度丢失的问题
例如 0.1+0.2=0.30000000000000004,得到的结果不等于0.3,解决方法是截取小数点后几位数,再做比较

7、$(obj)[0],这样就取到的元素对象就不是JQuery对象了
你可以使用$($(obj)[0])就可以重新取到JQuery对象了

8、CSSactive伪类在ios移动端无效
你在外层加上ontouchstart=""和οnmοuseοver=""就可以了
例如:<body ontouchstart="" οnmοuseοver=""></body>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值