Koľko repaints DOM bude pridaním deti v slučky spôsobiť?

Question 1

Koľko repaints DOM bude pridaním deti v slučky spôsobiť?

Mal som dojem, by to spôsobiť, 200. 1 pre každý časový prvok, ktorý je pripojený, a 1 každom jeho textContent je aktualizovaný.

Ale Jake Archibald je diskusia na JSConf, zdá sa, že zmienka, že prehliadače bude dávka sa, že to spolu.

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

Question 2

Iba raz; pozri Erin Zimmer je pokračovanie na poskytovanie potrubia https://youtu.be/u1kqx6AenYw

Tiež, môžete vyskúšať s niečo ako:

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

Iba raz; pozri Erin Zimmer je pokračovanie na poskytovanie potrubia https://youtu.be/u1kqx6AenYw

Tiež, môžete vyskúšať s niečo ako:

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

Koľko repaints DOM bude pridaním deti v slučky spôsobiť?

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii