For döngüsüne alt öğe eklemek dom'un kaç tane yeniden boyamasına neden olur?

Question 1

For döngüsüne alt öğe eklemek dom'un kaç tane yeniden boyamasına neden olur?

Bunun 200'e neden olacağı izlenimindeydim. bir öğe her eklendiğinde 1, textContent her güncellendiğinde 1 olur.

Ama, içinde Jake Archibald konuşalım de JSConf, galiba bundan tarayıcılar parti olacak bu arada.

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

Question 2

Sadece bir kez; Erin Zimmer'ın render boru hattındaki devamına bakın https://youtu.be/u1kqx6AenYw

Ayrıca, aşağıdaki gibi bir şeyle test edebilirsiniz:

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

Sadece bir kez; Erin Zimmer'ın render boru hattındaki devamına bakın https://youtu.be/u1kqx6AenYw

Ayrıca, aşağıdaki gibi bir şeyle test edebilirsiniz:

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

For döngüsüne alt öğe eklemek dom'un kaç tane yeniden boyamasına neden olur?

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride