Quantas redesenha o DOM vai acrescentar crianças em um loop de causa?

Question 1

Quantas redesenha o DOM vai acrescentar crianças em um loop de causa?

Eu estava sob a impressão de que isso causaria 200. 1 para cada vez que um elemento é acrescentado, e 1 de cada vez que a sua textContent é atualizado.

Mas, em Jake Archibald falar em JSConf, ele parece mencionar que os navegadores irão lote isso juntos.

for (let i = 0; i < 100; i++){ 
  const div = document.createElement('div');
  document.body.appendChild(div);
  div.textContent = 'Hello';
}

Question 2

Apenas uma vez; ver Erin Zimmer continuação do pipeline de renderização https://youtu.be/u1kqx6AenYw

Além disso, você pode testá-lo com algo como:

//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())
  }
}```

kikon · Answer 1 · 2021-11-22T08:16:06

Apenas uma vez; ver Erin Zimmer continuação do pipeline de renderização https://youtu.be/u1kqx6AenYw

Além disso, você pode testá-lo com algo como:

//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())
  }
}```

Quantas redesenha o DOM vai acrescentar crianças em um loop de causa?

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria