Подготовка к интервью
227 вопросов по CSS с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, css, browser.
Каталог
Классовые и функциональные компоненты в React компоненты, используемые для создания UI классовые: классы ES6 с this, где жизненный цикл реализуется через специальные методы функциональные: обычные функции,…
Читать ответCookie хранится в браузере пользователя как небольшой текстовый файл При каждом запросе cookie отправляется клиентом на сервер через HTTP headers Сессии обычно размещаются на сервере — в памяти, базе данных или кеше…
Читать ответЗачем используют ref? React: прямой доступ к DOM или компонентам хранение мутабельных данных без повторного рендера управление фокусом, выделением, анимациями замена прямых манипуляций через чистый JS применяется с…
Читать ответCSS-позиционирование: абсолютное позиционирование Сочетание top: 50% и left: 50% помещает элемент в точку с такими координатами относительно родительского контейнера однако привязывает к этой точке угол элемента, а не…
Читать ответUI-библиотеки или собственный CSS Выбор делаю с учётом особенностей проекта и его требований UI-библиотеки позволяют быстрее разрабатывать интерфейсы, используя готовые компоненты и поддерживая единообразие UI…
Читать ответКак Flexbox работает с осями и чем он лучше float? Flexbox — гибкий контейнер для выравнивания и распределения элементов В нём выделяют две оси: main axis (по умолчанию горизонтальная) и cross axis (перпендикулярная…
Читать ответКаким образом Next.js оптимизирует изображения? Для оптимизации изображений Next.js предлагает встроенный компонент <Image>. Он автоматически применяет ленивую загрузку (lazy loading): файл запрашивается только после…
Читать ответКак flex-direction определяет направление работы justify-content и align-items Свойство flex-direction определяет основную ось flex-контейнера доступные значения: row (горизонтальное направление), column…
Читать ответБраузер загружает и визуализирует веб-страницы По URL он отправляет серверу HTTP/HTTPS-запрос В ответ получает HTML, CSS, JS и прочие ресурсы Разбирает HTML и формирует DOM-дерево Обрабатывает CSS и создаёт…
Читать ответКак объединить последние N коммитов в один коммит? Git, работа с историей Для интерактивного ребейза применяют команду git rebase -i HEAD~N В открывшемся редакторе у первой строки оставляют pick, а для остальных…
Читать ответВ Next.js для добавления скриптов используется компонент <Head> из next/document, который вставляет их в <head> Чтобы запустить скрипты до рендера, используют кастомный _document.js Внутри _document.js можно объявить…
Читать ответ** в React 17 автоматический бэтчинг действует внутри React-событий, а в остальных случаях используют unstable_batchedUpdates либо логически объединяют состояние через useReducer, чтобы сократить число ререндеров.
Читать ответ