前端的一些坑

時間 2019-12-10

標籤前端一些简体版

原文原文鏈接

一、inline-block元素自帶的4px邊距

設置父元素font-size:0;letter-spacing:-4px;

而後設置子元素正常的font-size和letter-spacing;

二、移動端JS給頁面設置scrollTop出現閃屏問題

給body加上屬性：-webkit-overflow-scrolling: touch;

三、移動端ios瀏覽器/ios端微信瀏覽器，使用$(document).on()綁定事件失效

給要綁定的元素加個一個空的onclick=""，或者給該元素加上css{cursor: pointer;}

四、某些手機自帶瀏覽器不支持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%;

五、當你動態加載的數據中$(".xxx").on("click",function(){})點擊無響應

你能夠將你的事件寫成一個方法，在動態加載完成後，從新調用一次就好了

六、JS中使用加減運算浮點數的時候，可能會出現精度丟失的問題

例如 0.1+0.2=0.30000000000000004，獲得的結果不等於0.3，解決方法是截取小數點後幾位數，再作比較

七、$(obj)[0]，這樣就取到的元素對象就不是JQuery對象了

你可使用$($(obj)[0])就能夠從新取到JQuery對象了

八、CSS中active僞類在ios移動端無效

你在外層加上ontouchstart=""和onmouseover=""就能夠了

例如：<body ontouchstart="" onmouseover=""></body>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。