Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
React вычисляет дерево элементов на render-фазе, сопоставляет его с предыдущим результатом и в commit применяет необходимые изменения к интерфейсу.
Читать ответСобытие проходит capture к цели, target на цели и при поддержке bubbling — обратно по предкам; addEventListener по умолчанию использует capture:false.
Читать ответShadow DOM используется в Web Components для изоляции внутренней разметки и стилей, а также внутри некоторых встроенных элементов браузера.
Читать ответShadow DOM изолирует структуру и стили, но сам по себе не гарантирует ускорение страницы.
Читать ответVue связывает реактивные зависимости с рендером, группирует обновления и сравнивает новое дерево VNode с предыдущим.
Читать ответИзменение DOM не означает немедленный paint: браузер обновляет rendering в подходящие моменты event loop после выполнения текущей работы и microtasks.
Читать ответКроме DOM-дерева, при доступе к коду веб-страницы можно видеть:
Читать ответВ React виртуальное дерево DOM — это легковесная копия реального DOM, представленная в виде объектов JavaScript.
Читать ответВиртуальный DOM (Virtual DOM) — это легковесная копия реального DOM, которая хранится в памяти. React использует виртуальный DOM для оптимизации обновлений интерфейса.
Читать ответОбновление виртуального DOM происходит в моменты, когда изменяется состояние или свойства компонентов, влияющие на отображение UI. Процесс обычно включает следующие этапы:
Читать ответDOM позволяет программам (например, JavaScript) получать доступ к содержимому, структуре и стилям веб-документов (HTML, XML, SVG) и изменять их.
Читать ответПроверка попадания точки в элемент DOM-дерева обычно реализуется с помощью рекурсивных вызовов.
Читать ответ