กี่ repaints ของ DOM จะ appending เด็กอยู่ในครัวมั้ย?

Question 1

กี่ repaints ของ DOM จะ appending เด็กอยู่ในครัวมั้ย?

ผมตกอยู่ใต้ความประทับใจนี่มันจะราะระมาณ 200 เหรียญ 1 สำหรับแต่ละครั้งเป็นธาตุคือ appended และ 1 ทุกครั้งที่มัน textContent คือปรับปรุงเรียบร้อยแล้ว

แต่ใน เจคอาร์ชิบอลคุยกันตอน JSConfดูเหมือนว่าเขาต้องพูดถึงเรื่องนั้น browsers จะองการประมวลผลกลุ่มภาพมันด้วยกัน

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

Question 2

แค่ครั้งเดียว;เห็นเอรินซิมเมอน continuation บการแสดงผลส่งสินค้า 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

แค่ครั้งเดียว;เห็นเอรินซิมเมอน continuation บการแสดงผลส่งสินค้า 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())
  }
}```

กี่ repaints ของ DOM จะ appending เด็กอยู่ในครัวมั้ย?

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่