Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
Взаимодействие основного потока с Web Worker Web Worker представляет собой отдельный поток браузерного выполнения, предназначенный для фоновых задач Связь между ними строится на основе асинхронного обмена сообщениями…
Читать ответфронтенд, обработка форм событие формы — submit вызвать метод event.preventDefault() отменяет стандартное действие браузера — перезагрузку страницы использовать внутри обработчика события submit обрабатывать данные…
Читать ответДля синхронных исключений применяют глобальный обработчик ошибок через window.onerror Чтобы подробно отслеживать ошибки загрузки ресурсов и JavaScript, используют window.addEventListener('error', ...) Событие…
Читать ответобработка событий в DOM три фазы: погружение (capturing), цель и всплытие для перехвата на этапе погружения используется параметр useCapture = true addEventListener(type, handler, true) — обработчик, назначенный на…
Читать ответфронтенд и оптимизация рендеринга устранять лишние ререндеры с помощью React.memo и PureComponent мемоизировать функции и значения через useCallback и useMemo разбивать код с помощью lazy loading и динамического…
Читать ответинтеграция карт относится к задачам фронтенд-разработки и улучшает UX используют API популярных провайдеров: Google Maps, Yandex.Maps, Leaflet, Mapbox подключают JavaScript-библиотеку через CDN либо npm создают карту…
Читать ответDOM представляет HTML-документ в виде дерева элементов Для этого применяют document.querySelectorAll('') — селектор, соответствующий всем элементам Метод возвращает NodeList, содержащий все элементы документа…
Читать ответсоздание копии объекта с рекурсивным клонированием всех вложенных объектов простое присваивание и Object.assign не подходят, поскольку они копируют только верхний уровень JSON.parse(JSON.stringify(obj)) — быстрый…
Читать ответКонтекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответКак правильно использовать keys в React? keys служат уникальными идентификаторами элементов в списках React позволяют React эффективно обновлять DOM за счёт сравнения элементов должны оставаться стабильными и…
Читать ответдизайн-система — унифицированный набор стилей и компонентов содержит дизайн-гайд: типографику, цвета и иконки компоненты — повторно используемые UI-блоки с API и документацией поддерживает консистентность и сокращает…
Читать ответКак организовать подписку на события в функциональном компоненте? В функциональных компонентах React для управления подпиской и отпиской применяется useEffect Обработчик события регистрируется внутри useEffect,…
Читать ответ