Подготовка к интервью
227 вопросов по CSS с технических собеседований
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, css, browser.
Каталог
Встраивание одной веб-страницы в другую механизм: 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 обрабатывать данные…
Читать ответDOM представляет HTML-документ в виде дерева элементов Для этого применяют document.querySelectorAll('') — селектор, соответствующий всем элементам Метод возвращает NodeList, содержащий все элементы документа…
Читать ответКонтекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…
Читать ответКак правильно использовать keys в React? keys служат уникальными идентификаторами элементов в списках React позволяют React эффективно обновлять DOM за счёт сравнения элементов должны оставаться стабильными и…
Читать ответбиблиотеки для рисования — API, предназначенные для создания графики с помощью canvas, SVG и WebGL изучить базовые объекты и методы, включая рисование фигур, работу с цветами и трансформациями разобраться с…
Читать ответ