Подготовка к интервью
155 вопросов для подготовки на позицию Frontend-разработчик
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Что проверяют на интервью
Подборка помогает системно подготовиться к интервью на позицию Frontend-разработчик: проверить теорию, потренировать практические задачи и объяснение решений. В подборке чаще встречаются темы: frontend, javascript, react.
Начните с тем frontend, javascript, react, затем переходите к практическим задачам и системному объяснению решений.
Сначала сформулируйте ответ самостоятельно, затем откройте разбор, сравните аргументы и выпишите темы, которые требуют повторения.
Каталог
Создание простого модального окна на чистом JavaScript DOM: формируем контейнер модалки, затемняющий фон и область содержимого CSS: задаём fixed-позиционирование, затемнение страницы и выравнивание по центру…
Читать ответОптимизация производительности React-компонента с галереей и большим списком профилирование производительности: сначала запустить React Profiler и вкладку Performance tab в Chrome DevTools, чтобы получить измерения…
Читать ответКак обрабатывать битые изображения? область: веб-разработка, обработка изображений битое изображение — это файл с повреждёнными данными либо некорректной структурой или форматом диагностика: проверить формат,…
Читать ответКак объединить обновления состояния при нескольких вызовах setState? Изменение состояния в React с последующим обновлением UI setState работает асинхронно, поэтому обновления могут объединяться Для получения…
Читать ответJavaScript, типизация typeof возвращает "function" безопасен для значений любого типа работает быстро и не создаёт лишних затрат доступен во всех браузерах и средах выполнения подходит для проверки функций, методов и…
Читать ответВзаимодействие основного потока с Web Worker Web Worker представляет собой отдельный поток браузерного выполнения, предназначенный для фоновых задач Связь между ними строится на основе асинхронного обмена сообщениями…
Читать ответКак правильно использовать keys в React? keys служат уникальными идентификаторами элементов в списках React позволяют React эффективно обновлять DOM за счёт сравнения элементов должны оставаться стабильными и…
Читать ответКак организовать подписку на события в функциональном компоненте? В функциональных компонентах React для управления подпиской и отпиской применяется useEffect Обработчик события регистрируется внутри useEffect,…
Читать ответКак использовать useEffect в разных ситуациях? React hook для управления побочными эффектами пустой массив зависимостей []: запуск один раз при монтировании зависимости [var]: запуск при изменении заданных значений…
Читать ответКак отключить всплытие события в модальном окне? Веб, события, DOM всплытие означает переход события от дочернего элемента к его родителям для прекращения распространения в обработчике клика модального окна вызывают…
Читать ответReact Error Boundaries: класс с методом componentDidCatch Перехватывают ошибки дочерних компонентов и не позволяют им разрушить всё дерево Дают возможность отобразить резервный UI вместо компонента с ошибкой…
Читать ответуправлять ссылками и освобождать объекты сразу после того, как они перестали быть нужны применять WeakMap/WeakSet для хранения слабых ссылок не использовать глобальные переменные без необходимости — они существуют на…
Читать ответ