Kolik repainty na DOM se připojí děti v pro smyčce způsobit?

Question 1

Kolik repainty na DOM se připojí děti v pro smyčce způsobit?

Měl jsem dojem, že to by mohlo způsobit 200. 1 pro každý časový prvek je připojen, a 1 pokaždé, když jeho textContent je aktualizován.

Ale, v Jake Archibald je mluvit na JSConf, zdá se, že zmínit, že prohlížeče, bude dávky společně.

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

Question 2

Pouze jednou; viz Erin Zimmera pokračování na rendering pipeline https://youtu.be/u1kqx6AenYw

Také můžete vyzkoušet s něčím jako:

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

Pouze jednou; viz Erin Zimmera pokračování na rendering pipeline https://youtu.be/u1kqx6AenYw

Také můžete vyzkoušet s něčím jako:

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

Kolik repainty na DOM se připojí děti v pro smyčce způsobit?

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii