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

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

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: квадрат появляется на экране.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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