30、如何最小化重绘(repaint)和回流(reflow)(高薪常问)

30、如何最小化重绘(repaint)和回流(reflow)(高薪常问)需要对元素进行复杂的操作时,可以先隐藏(display:”none”),操作完成后再显示需要创建多个 DOM 节点时,使用

大家好,欢迎来到IT知识分享网。

需要对元素进行复杂的操作时,可以先隐藏(display:”none”),操作完成后再显示

需要创建多个 DOM 节点时,使用 DocumentFragment 创建完后一次性的加入 document

缓存 Layout 属性值,如:var left = elem.offsetLeft; 这样,多次使用 left 只产生一次回流

尽量避免用 table 布局(table 元素一旦触发回流就会导致 table 里面所有的其它元素回流)

避免使用 css 表达式(expression),因为每次调用都会重新计算值(包括加载页面)

尽量使用 css 属性简写,比如:用 border代替 border-width, border-style, border-color

批量修改元素样式:elem.className 和elem.style.cssText 代替 elem.style.xxx

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/81925.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信