Встречается на собеседованиях • сегодня
Какие знаешь этапы построения страницы в браузере
1. **Парсинг HTML**: Браузер загружает HTML и строит DOM (Document Object Model) — древовидную структуру элементов.
2. **Парсинг CSS**: Загружаются и анализируются CSS-файлы, формируется CSSOM (CSS Object Model) — дерево стилей.
3. **Формирование Render Tree**: DOM и CSSOM объединяются в Render Tree, содержащий только видимые элементы с их стилями.
4. **Layout (Reflow)**: Вычисляются точные позиции и размеры элементов на странице (геометрия).
5. **Paint**: Отрисовка пикселей (растеризация) — элементы превращаются в пиксели на экране.
6. **Composite**: Слои (layers) объединяются в финальное изображение (особенно важно для анимаций и трансформаций).
Пример:
```html
```
1. DOM: `
` добавляется в дерево.
2. CSSOM: стиль `width`, `height`, `background` применяются к div.
3. Render Tree: div включается как видимый элемент.
4. Layout: вычисляется позиция (0,0) и размер (100x100px).
5. Paint: отрисовывается красный квадрат.
6. Composite: квадрат появляется на экране.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы