有多少重绘DOM将追加儿童在一个对环的原因吗?

0

的问题

有多少重绘DOM将追加儿童在一个对环的原因吗?

我的印象,这将会导致200人。 1对每个时间一个元素是附加的、并每1时其textContent是更新。

但是,在 杰克阿奇博尔德的谈JSConf,他似乎说浏览器将批这在一起。

for (let i = 0; i < 100; i++){ 
  const div = document.createElement('div');
  document.body.appendChild(div);
  div.textContent = 'Hello';
}
dom javascript
2021-11-22 07:59:04
1

最好的答案

1

只有一次;见艾琳*齐默继续呈现管道 https://youtu.be/u1kqx6AenYw

此外,您可以测试这样的事情:

//document.body.innerHTML = '';
for (let i = 0; i < 100; i++){ 
  const div = document.createElement('div');
  document.body.appendChild(div);
  div.textContent = 'Hello';
  let x = 0;
  for(let j = 0; j < 1e7; j++){
     x += Math.sin(Math.random())
  }
}```
2021-11-22 08:16:06

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................