Подготовка к интервью
Разбирайте реальные вопросы, сверяйтесь с подробными ответами и готовьтесь по технологиям и компаниям.
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Каталог
UIKit и Core Animation: различия UIView — интерфейсный объект, который отвечает за взаимодействие с пользователем и обработку событий CALayer — низкоуровневый графический слой для отрисовки содержимого и выполнения…
Читать ответДля чего применяют requestAnimationFrame? браузерный API для создания анимаций на JavaScript подстраивает обновления под частоту обновления дисплея (примерно 60 fps) поддерживает плавность и помогает экономить ресурсы…
Читать ответКак Dirty-RectTransform сказывается на производительности? (оптимизация UI в Unity) RectTransform определяет положение и габариты элементов UI Состояние Dirty показывает, что трансформ был изменён и нуждается в…
Читать ответAndroid-компонент для отображения списков с повторным использованием элементов Создаёт ViewHolder'ы только для видимых элементов и небольшой области за пределами экрана Во время прокрутки переиспользует уже созданные…
Читать ответБраузер загружает и визуализирует веб-страницы По URL он отправляет серверу HTTP/HTTPS-запрос В ответ получает HTML, CSS, JS и прочие ресурсы Разбирает HTML и формирует DOM-дерево Обрабатывает CSS и создаёт…
Читать ответВ Next.js для добавления скриптов используется компонент <Head> из next/document, который вставляет их в <head> Чтобы запустить скрипты до рендера, используют кастомный _document.js Внутри _document.js можно объявить…
Читать ответОптимизация рендеринга сложных анимированных списков оптимизация UI/JS: применять виртуализацию (lazy rendering) - сокращение перерисовок: использовать memoization и shouldComponentUpdate/React.memo - анимации:…
Читать ответпроизводительность UI, оптимизация отображения использовать виртуализацию (windowing): выводить только элементы, находящиеся в области видимости подключать ленивую загрузку (lazy load элементов по мере прокрутки)…
Читать ответграфика, рендеринг, frontend 1 физический пиксель — это не то же самое, что 1 CSS-пиксель на ретина-дисплеях для масштабирования следует учитывать devicePixelRatio при работе с canvas нужно учитывать pixel ratio в CSS…
Читать ответРеализация аккордеона с бесконечной вложенностью и оптимизация рендеринга структура: каждый узел представлен рекурсивным компонентом, который получает массив дочерних элементов управление: состояние раскрытия можно…
Читать ответКак сократить число перерендеров компонента при изменении пропсов? React: оптимизация ререндеров Для функциональных компонентов следует применять React.memo — он мемоизирует результат и выполняет сравнение пропсов. В…
Читать ответКак сократить количество рендеров в React оптимизировать компоненты React сократить число лишних обновлений мемоизировать функциональные компоненты с помощью React.memo использовать shouldComponentUpdate или…
Читать ответ