前端的一些坑
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=""就可以了 例如:<body ontouchstart="" οnmοuseοver=""></body>
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=""就可以了 例如:<body ontouchstart="" οnmοuseοver=""></body>
轉載于:https://www.cnblogs.com/zhangrui09/p/8444585.html
總結
- 上一篇: TestNG+ReportNG+Mave
- 下一篇: ASP.NET Web Pages:Ch