Browser und Performance · Middle · Frage 1 von 75
Welches Problem verursacht dieser Code?
for (const card of cards) {
const h = card.offsetHeight;
card.style.height = h + 10 + "px";
}- 1Nichts, Browser bündeln alle Lese- und Schreibzugriffe automatisch
- 2Layout Thrashing: Lesezugriffe erzwingen ein synchrones Layout
- 3Ein Speicherleck, weil
offsetHeightjedes Element cacht
Antwort zeigen
Richtige Antwort: Layout Thrashing: Lesezugriffe erzwingen ein synchrones Layout
Erklärung
Geometrie nach einer Stiländerung zu lesen zwingt den Browser, das Layout sofort neu zu berechnen. Bündle zuerst alle Lesezugriffe, dann alle Schreibzugriffe.