掘友等级
获得徽章 0
分享一段B站直播弹幕刷屏的代码,相信我,抽奖的时候你肯定用得上
dom.offsetWidth可以触发重绘,这在连续变化CSS样式使transition触发时候很管用。但是,除了这样的场景,请避免使用,可以使用其他方式获取尺寸(如getBoundingClientRect)。最近一个项目,当有上千条数据的时候,页面渲染居然要20~30秒,对是秒。排查之后是一个UI组件使用了dom.offsetWidth获取尺寸,改成其他方式后,渲染时间变成了20~30ms,没错,你没有看错,降低了1000倍。页面DOM越多dom.offsetWidth的性能影响越明显,是n²性能开销增加。
很好用的页面布局小技巧,感谢@yck@老姚分享。
笔者在原版的基础上做了优化,解决原版在用过之后会导致页面中点击事件失效的问题,并多了随机颜色的处理,可以更加方便地查看页面布局。
原版链接在评论第一条,新代码在评论第二条,只需替换原版链接的代码即可。
附上效果图:
使用变换,实现简单复合运动
上班第一天就被告知要为期一个月的加班,wtf
新文章:“小tips: 元素focus页面不滚动不定位的JS处理” -
www.zhangxinxu.com 如何让浏览器可见区域外的元素focus同时页面不发生滚动定位呢?本文告诉你实现方法。
🏢grid布局使用repeat函数,可以少写些代码
下一页