Встречается на собеседованиях • сегодня

Какие знаешь этапы отображения страницы в браузере

1. **Парсинг HTML**: Браузер получает HTML и строит DOM-дерево. 2. **Парсинг CSS**: Анализирует стили, формирует CSSOM (CSS Object Model). 3. **Создание Render Tree**: Объединяет DOM и CSSOM, исключая невидимые элементы (например, `display: none`). 4. **Layout (Reflow)**: Вычисляет размеры и позиции элементов на странице. 5. **Paint**: Отрисовывает пиксели (растеризация) для каждого элемента. 6. **Composite**: Собирает слои (если есть GPU-ускорение) и выводит на экран. Пример: ```html
``` 1. DOM создаёт узел `
`. 2. CSSOM применяет стили. 3. Render Tree включает этот div. 4. Layout расчитывает его положение. 5. Paint отрисовывает красный квадрат. 6. Composite выводит его на экран. Оптимизация: минимизируйте reflow (изменение геометрии) и repaint (изменение цвета).
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы