Quante ridisegna il DOM si allegano i bambini in un ciclo for causa?

0

Domanda

Quante ridisegna il DOM si allegano i bambini in un ciclo for causa?

Ho avuto l'impressione che questo potrebbe causare 200. 1 per ogni volta che un elemento viene aggiunto, e 1 ogni volta che il suo textContent è aggiornato.

Ma, in Jake Archibald parlare a JSConf, gli sembra di ricordare che il browser batch di questo insieme.

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

Migliore risposta

1

Solo una volta; vedere Erin Zimmer continuazione sulla pipeline di rendering https://youtu.be/u1kqx6AenYw

Inoltre, si può provare con qualcosa di simile:

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

In altre lingue

Questa pagina è in altre lingue

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