我们知道计算样式和布局的一些操作会导致性能瓶颈。 但是浏览器如何获得它?见下文
/*a: display: block in css*/
a.style.display = 'none'
console.log(a.offsetLeft);
/*do something*/
offsetLeft
的值将按预期为0
;
但是,如果do something
花费太多时间,
元素a
将在屏幕上使用something
完成。
为什么呢?以及如何在屏幕上强制重排(display:none
)。
谢谢