Браузер і продуктивність · Middle · Запитання 1 з 75
Яку проблему спричиняє цей код?
for (const card of cards) {
const h = card.offsetHeight;
card.style.height = h + 10 + "px";
}- 1Жодної, браузери автоматично групують усі читання й записи
- ✓Правильна відповідь: Layout thrashing: кожне читання після запису змушує виконати синхронний layout усередині циклу
- 3Витік пам'яті, бо
offsetHeightкешує кожен елемент
Пояснення
Читання геометрії після зміни стилів змушує браузер негайно перерахувати layout. Спершу зробіть усі читання, потім усі записи.