Cómo muchos de los repaints de la DOM se anexa a los niños en un bucle for causa?

Question 1

Cómo muchos de los repaints de la DOM se anexa a los niños en un bucle for causa?

Yo estaba bajo la impresión de que esto podría causar 200. 1 por cada vez que un elemento se anexa, y 1 cada vez que su textContent se actualiza.

Pero, en Jake Archibald a hablar en la JSConf, él parece mencionar que los navegadores lotes juntos.

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

Question 2

Sólo una vez; a ver Erin Zimmer continuación en el proceso de renderizado https://youtu.be/u1kqx6AenYw

También, usted puede poner a prueba con algo como:

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

Sólo una vez; a ver Erin Zimmer continuación en el proceso de renderizado https://youtu.be/u1kqx6AenYw

También, usted puede poner a prueba con algo como:

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

Cómo muchos de los repaints de la DOM se anexa a los niños en un bucle for causa?

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría