Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Непосредственное использование DOM браузера напрямую в современных фронтенд-приложениях, особенно в таких библиотеках как React, нежелательно по нескольким причинам:
Читать ответЧтобы получить ширину DOM-элемента, можно использовать свойство offsetWidth или getBoundingClientRect().width:
Читать ответПри тестировании сложных UI-компонентов с глубокой вложенностью DOM и отсутствием удобных идентификаторов важно использовать устойчивые и понятные селекторы:
Читать ответVirtual DOM в React — это абстрактное представление реального DOM, которое React использует для эффективного обновления интерфейса.
Читать ответВиртуальный DOM — это абстрактное представление реального DOM-дерева в памяти.
Читать ответДля реализации компонента выбора из большого массива (10 000 элементов) с поиском и навигацией клавиатурой можно сделать так:
Читать ответVirtual DOM — это абстракция реального DOM, представляющая собой легковесную копию структуры пользовательского интерфейса в памяти.
Читать ответVirtual DOM — это абстракция реального DOM, которую React использует для оптимизации обновлений интерфейса.
Читать ответDOM (Document Object Model) необходим для того, чтобы JavaScript мог взаимодействовать с содержимым веб-страницы и изменять его.
Читать ответПри использовании createPortal React монтирует дочерний элемент в указанный DOM-узел вне иерархии текущего компонента, но с точки зрения Virtual DOM этот элемент остаётся частью того же React-дерева.
Читать ответВиртуальный DOM в JavaScript — это не специальный, выделенный тип данных. Это скорее концепция и реализация её с помощью обычных JavaScript-объектов.
Читать ответReact reconciliation — это процесс сравнения нового виртуального DOM с предыдущим, чтобы определить минимальные изменения, которые нужно внести в реальный DOM для обновления интерфейса.
Читать ответ