Сколько перекрасок DOM приведет к добавлению дочерних элементов в цикле for?

Question 1

Сколько перекрасок DOM приведет к добавлению дочерних элементов в цикле for?

У меня сложилось впечатление, что это приведет к 200,1 при каждом добавлении элемента и 1 при каждом обновлении его текстового содержимого.

Но в выступлении Джейка Арчибальда на JSConf он, кажется, упоминает, что браузеры будут объединять это вместе.

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

Question 2

Только один раз; смотрите продолжение Эрин Циммер в конвейере рендеринга https://youtu.be/u1kqx6AenYw

Кроме того, вы можете протестировать его с помощью чего-то вроде:

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

Только один раз; смотрите продолжение Эрин Циммер в конвейере рендеринга https://youtu.be/u1kqx6AenYw

Кроме того, вы можете протестировать его с помощью чего-то вроде:

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

Сколько перекрасок DOM приведет к добавлению дочерних элементов в цикле for?

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории