掘友等级
获得徽章 0
dom.offsetWidth可以触发重绘，这在连续变化CSS样式使transition触发时候很管用。但是，除了这样的场景，请避免使用，可以使用其他方式获取尺寸（如getBoundingClientRect）。最近一个项目，当有上千条数据的时候，页面渲染居然要20~30秒，对是秒。排查之后是一个UI组件使用了dom.offsetWidth获取尺寸，改成其他方式后，渲染时间变成了20~30ms，没错，你没有看错，降低了1000倍。页面DOM越多dom.offsetWidth的性能影响越明显，是n²性能开销增加。
【开发者工具】有人问我怎么做到在线编译代码和热更新的？在线编译可以使用filesystem和overrides面板。至于热更新嘛。。。都是我手动f5的
。
一分钟小知识：scroll-behavior 让你的页面导航滚动更丝滑~
在 HTML 里的 <link> 标签里使用不同的属性提升页面加载体验：
juejin.im
- preload: 立即加载的资源
- prefetch: 下个页面需要的资源预先加载
- preconnect: 提前与某一域名产生链接
- dns-prefetch: 和 preconnect 类似，用于老浏览器
- prerender: 提前加载某一个整体页面
欢迎围观关注，语雀中将自己关于js中入门常识、基本对象语法、js实战、js高程等文章归纳总结了下，目前共49篇，不断完善中。。。
juejin.im