Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Задайте глубину корня как 0 и найдите максимальную глубину обходом дочерних узлов. Важно различать element.children и childNodes: второй вариант включает текст и комментарии.
Читать ответПосле клика изменится текст внутри существующей кнопки: например, a превратится в aa. Функция компонента выполнится заново, но сам DOM-элемент button пересоздавать не требуется.
Читать ответПосле первого клика надпись кнопки удвоится: при исходном 'a' станет 'aa', при следующем клике — 'aaaa'. React обновит текст существующей кнопки после изменения состояния.
Читать ответКаждый метод должен изменять выбранный DOM-элемент и возвращать один и тот же объект-обёртку. Тогда вызовы можно соединить в цепочку.
Читать ответОбработчик планирует обновление state, React вычисляет новое дерево, затем на commit добавляет или удаляет input. Вызов setVisible не вставляет DOM-узел прямо внутри обработчика.
Читать ответСначала проверьте, действительно ли виртуализация ограничивает DOM во всех десяти стаканах. Затем уменьшайте частоту и область обновлений, а смену технологии рассматривайте по результатам измерений.
Читать ответShadow DOM используют для инкапсуляции внутренней разметки и стилей web-компонентов: виджетов, дизайн-систем и встраиваемых элементов.
Читать ответВиртуальный DOM — представление желаемой UI-структуры в объектах, которое библиотека сопоставляет с предыдущим состоянием и реальным DOM.
Читать ответСоздайте узел через document.createElement, задайте безопасное содержимое и вставьте его append, prepend, before, after или insertBefore.
Читать ответVirtual DOM — описание UI в JavaScript-структурах, которое React использует при вычислении изменений перед применением их к настоящему DOM.
Читать ответDOM — объектное дерево документа, CSSOM — объектная модель таблиц стилей и CSS-правил. Вместе они участвуют в формировании визуального представления.
Читать ответОбработчик вызывает setter состояния, React планирует новый render и сравнивает результат с предыдущим деревом, затем применяет нужные изменения DOM.
Читать ответ