Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
В Vue 3 есть Virtual DOM в стандартной модели рендеринга; существенные изменения включают Proxy-реактивность, новую архитектуру приложения и расширенную Composition API.
Читать ответСкрипт получает ссылки на существующие узлы через DOM API и назначает обработчики событий; имена HTML-элементов не связываются с переменными автоматически.
Читать ответПомимо Shadow DOM применяют CSS Modules, scoped-преобразования framework, соглашения BEM и CSS-in-JS с уникальными именами классов.
Читать ответПри разборе HTML-строки браузер обычно вставит tbody между table и tr, даже если tbody отсутствовал в исходной разметке.
Читать ответИспользуйте виртуализацию: держите в DOM видимое окно и небольшой запас, а не все когда-либо загруженные элементы.
Читать ответВ React render вычисляет описание интерфейса, commit применяет изменения DOM, а браузер отдельно выполняет layout и paint. Согласование называется reconciliation.
Читать ответDOM-ref присваивается на commit-фазе после создания соответствующего DOM-узла, а effect выполняется уже после этого commit.
Читать ответПосле изменения реактивного состояния дождитесь await nextTick(); для асинхронно загружаемого компонента одного nextTick может быть недостаточно.
Читать ответВиртуальное представление позволяет декларативно описывать UI, согласовывать обновления и сохранять идентичность компонентов.
Читать ответDOM-элементы ищут через getElementById, querySelector/querySelectorAll и специализированные методы по имени тега или класса.
Читать ответReact вычисляет новое представление, сравнивает его с предыдущим и в commit-фазе применяет необходимые изменения к DOM.
Читать ответAngular @if и структурный *ngIf создают или удаляют соответствующее представление, а не просто делают существующий DOM невидимым.
Читать ответ