Подготовка к интервью
63 вопроса по CSS с технических собеседований
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, ui, css.
Каталог
Браузер загружает и визуализирует веб-страницы По 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, чтобы сократить число ререндеров.
Читать ответВстраивание одной веб-страницы в другую механизм: iframe HTML-тег, предназначенный для встраивания внешнего документа формирует внутри страницы независимый контекст браузера включает полнофункциональный отдельный DOM…
Читать ответВарианты переноса тяжёлых вычислений из основного потока Web Workers (браузер): запускают JavaScript в отдельном потоке, поэтому UI не блокируется. setTimeout/setImmediate: позволяют разделить задачу на небольшие…
Читать ответКак реализовать ленивую загрузку изображения? Веб-разработка, оптимизация загрузки Ленивая загрузка (lazy loading) — получение ресурса при приближении к viewport Применить нативный атрибут loading="lazy" к <img>…
Читать ответКак проверить видимость элемента во viewport? фронтенд, определение видимости элемента определяем положение элемента относительно области просмотра браузера применяем метод getBoundingClientRect(): он возвращает…
Читать ответОптимизация производительности React-компонента с галереей и большим списком профилирование производительности: сначала запустить React Profiler и вкладку Performance tab в Chrome DevTools, чтобы получить измерения…
Читать ответОптимизация загрузки сайтов оптимизация фронтенда и бэкенда минимизация и сжатие ресурсов (HTML, CSS, JS, изображения) критический путь рендеринга: критические CSS, defer и async для скриптов lazy loading изображений…
Читать ответпроизводительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…
Читать ответфронтенд, обработка форм событие формы — submit вызвать метод event.preventDefault() отменяет стандартное действие браузера — перезагрузку страницы использовать внутри обработчика события submit обрабатывать данные…
Читать ответ