JavaScript · Senior · Frage 18 von 75
Warum ist ResizeObserver für eine Komponente besser als ein Handler für window.resize?
- 1Er meldet Größenänderungen eines bestimmten Elements aus jedem Grund
- 2Er feuert öfter und genauer, bei jedem Pixel Änderung des Fensters
- 3Er ändert die Größe eines Elements, ohne das Layout neu zu berechnen
Antwort zeigen
Richtige Antwort: Er meldet Größenänderungen eines bestimmten Elements aus jedem Grund
Erklärung
Ein Element kann seine Größe ändern, ohne dass sich das Fenster ändert: eine Seitenleiste ging auf, Inhalt wurde geladen. ResizeObserver beobachtet das Element selbst und wird im Rendering-Zyklus aufgerufen, ohne getBoundingClientRect abzufragen. Nützlich für Diagramme und virtualisierte Listen.