Подготовка к интервью
227 вопросов по CSS с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, css, browser.
Каталог
Как отключить всплытие события в модальном окне? Веб, события, DOM всплытие означает переход события от дочернего элемента к его родителям для прекращения распространения в обработчике клика модального окна вызывают…
Читать ответМодульное тестирование с Jest и React Testing Library Изолированная проверка рендеринга компонентов и обработки событий Моки для пропсов и внешних зависимостей Запуск тестов через CLI без использования браузера…
Читать ответКак работает Flexbox и за что отвечают его свойства? CSS-модель для гибкой верстки Flex-контейнер и его дочерние элементы, называемые flex-элементами Основная ось (main axis) — направление размещения flex-элементов,…
Читать ответКак работает position: sticky и в какой момент элемент "отклеивается"? CSS-свойство для позиционирования, которое частично фиксирует элемент До достижения установленной границы прокрутки элемент ведёт себя как…
Читать ответРеализация аккордеона с бесконечной вложенностью и оптимизация рендеринга структура: каждый узел представлен рекурсивным компонентом, который получает массив дочерних элементов управление: состояние раскрытия можно…
Читать ответКак реализовать модальное окно с формой и закрытием по клику вне его области UI-компонент модального окна, содержащий форму с логином и паролем Управлять отображением и скрытием окна с помощью состояния (state)…
Читать ответФункция map преобразует массив вызывая переданную функцию для каждого его элемента и формируя новый массив с полученными результатами при этом исходный массив остаётся неизменным, что обеспечивает иммутабельность для…
Читать ответКак свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…
Читать ответFrontend, формы и валидация Один общий onChange для всех элементов формы Идентификация поля через атрибут name В обработчике используются event.target.name и event.target.value Состояние изменяется по ключу name с…
Читать ответUI и управление состоянием описываю структуру формы, набор полей и уровни вложенности связываю элементы с моделью данных и синхронизирую состояние задаю правила через валидаторы, часто используя схемы Yup или Joi…
Читать ответКак устроен цикл событий (event loop) и как он выполняет асинхронный код? механизм организации асинхронности в JavaScript и средах его выполнения функционирует до тех пор, пока в очереди остаются задачи работает со…
Читать ответКак эмулировать position: sticky при отсутствии поддержки CSS не предлагает прямой fallback без JavaScript Применять отслеживание прокрутки через JS с помощью события scroll Определять положение элемента относительно…
Читать ответ