前端踩坑

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、CSS中 active伪类在ios移动端无效

你在外层加上ontouchstart=""和οnmοuseοver=""就可以了

例如：