foundation
DOM
Структура дерева документа, распространение и делегирование событий, custom events и стоимость DOM-мутаций.
На интервью по DOM проверяют, понимаете ли вы живой граф документа, как проходят события и как мутации влияют на последующий рендеринг. Ответы должны связывать поиск, обход, слушатели и стоимость изменений.
Подтемы: структура DOM tree, распространение событий, делегирование событий и custom events.
На интервью: разберите порядок capture и bubble, когда делегирование лучше множества слушателей и как CustomEvent развязывает компоненты.
Типовые ошибки: путаница исходного HTML с живым DOM, небезопасный innerHTML и stopPropagation, ломающий композицию.
Компромисс: удобство против контроля — выбирайте механизм под вашу связность и бюджет производительности.
Чеклист:
- Знайте nodes, elements, attributes и properties.
- Объясните фазы propagation и delegation.
- Батчите DOM-мутации, где возможно.
- Custom events — уведомления, не замена состоянию.