Combien repeint des DOM va ajoutant des enfants dans une boucle for cause?

Question 1

Combien repeint des DOM va ajoutant des enfants dans une boucle for cause?

J'étais sous l'impression que ce serait la cause de 200. 1 à chaque fois qu'un élément est ajouté, et 1 à chaque fois que son textContent est mis à jour.

Mais, dans Jake Archibald parler à JSConf, il semble oublier que les navigateurs lot de cet ensemble.

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

Question 2

Une seule fois; voir Erin Zimmer continuation sur le pipeline de rendu https://youtu.be/u1kqx6AenYw

Aussi, vous pouvez le tester avec quelque chose comme:

//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

Une seule fois; voir Erin Zimmer continuation sur le pipeline de rendu https://youtu.be/u1kqx6AenYw

Aussi, vous pouvez le tester avec quelque chose comme:

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

Combien repeint des DOM va ajoutant des enfants dans une boucle for cause?

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie