Подготовка к интервью
155 вопросов для подготовки на позицию Frontend-разработчик
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Что проверяют на интервью
Подборка помогает системно подготовиться к интервью на позицию Frontend-разработчик: проверить теорию, потренировать практические задачи и объяснение решений. В подборке чаще встречаются темы: frontend, javascript, react.
Начните с тем frontend, javascript, react, затем переходите к практическим задачам и системному объяснению решений.
Сначала сформулируйте ответ самостоятельно, затем откройте разбор, сравните аргументы и выпишите темы, которые требуют повторения.
Каталог
JavaScript и события DOM Для этого применяют метод addEventListener Синтаксис метода: element.addEventListener('click', handler) Функция-обработчик получает объект события (event) Один элемент может иметь несколько…
Читать ответКак остановить всплытие события и зачем это делать DOM-событие распространяется по дереву вверх (всплытие) для остановки применяют метод event.stopPropagation() он не допускает вызов обработчиков на элементах выше…
Читать ответметоды строк для поиска подстроки в JS indexOf() находит индекс первого совпадения при движении слева направо lastIndexOf() определяет индекс последнего совпадения, выполняя поиск справа налево возвращают индекс…
Читать ответ** в React 17 автоматический бэтчинг действует внутри React-событий, а в остальных случаях используют unstable_batchedUpdates либо логически объединяют состояние через useReducer, чтобы сократить число ререндеров.
Читать ответсочетание lazy и Suspense считается стандартным способом lazy loading маршрутов, обеспечивая плавную загрузку и более качественный UX.
Читать ответчтобы получить доступ к DOM-элементу из React-компонента, применяют рефы (refs) — это корректный, безопасный и встроенный в React подход.
Читать ответКак в TypeScript работают type guards? механизм сужения типа при выполнении программы определяет тип или свойства значения применяется в условиях (if, instanceof, typeof) обеспечивает безопасный доступ к свойствам и…
Читать ответКак вы работали с формами в React с помощью React Hook Form и Formik? состояние формы можно контролировать через hook или HOC React Hook Form уменьшает число перерендериваний и работает через рефы Formik предлагает…
Читать ответКак выполнить глубокое копирование объекта без JSON и StructuredClone? рекурсивно обходим и копируем все свойства исходного объекта различаем типы данных: объекты, массивы, даты и функции создаём отдельные экземпляры…
Читать ответПорядок вычисления выражения A || B && C логические операторы, для которых действует приоритет операций приоритет оператора && выше приоритета || поэтому первым вычисляется фрагмент B && C после этого полученный…
Читать ответУправление состоянием в React В классовых компонентах состояние находится в this.state Для изменения применяется this.setState: метод асинхронный и объединяет обновления В функциональных компонентах состояние задаётся…
Читать ответобласть DOM-событий event.target — это элемент, на котором событие возникло изначально, то есть его источник event.currentTarget — элемент, чей обработчик в данный момент выполняет обработку события event.target может…
Читать ответ