我想知道两者之间是否有区别
1.) 10,000 个可见的表行
2.) 使用 display:none 隐藏 10,000 个表格行
我想知道的是。如果页面上所有 10,000 行都可见,是否会导致页面滚动滞后?
但如果我隐藏其中的 9000 个。这可以减少滞后吗?多谢你们。
一般来说display: none;
将为浏览器节省一些工作。
浏览器将首先解析您的 HTML 并构建所谓的 DOM(文档对象模型),当收到所有 CSS 时,它将继续构建 CSSOM(CSS 对象模型)。这两个组合将给出渲染树。
有了渲染树,浏览器将执行布局步骤(决定每个元素在屏幕上的位置及其大小),然后在屏幕上绘制页面。
然而,当将 DOM 和 CSSOM 组合成为渲染树时,浏览器将丢弃所有子树display: none;
因此,在布局和绘制步骤中要做的工作更少。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)