Подготовка к интервью
799 вопросов с собеседований в ВК
Что проверяют на интервью
Подборка объединяет вопросы, отмеченные на этапах интервью в ВК. Здесь можно понять структуру технической проверки и заранее повторить связанные темы. В подборке чаще встречаются темы: frontend, browser, mobile.
Каталог
Микрозадачу можно запланировать через queueMicrotask; реакции then/catch/finally и продолжения await также используют очередь микрозадач.
Читать ответПри одинаковой специфичности и прочих равных выигрывает правило, расположенное позже в порядке источника. Порядок имён классов в HTML этого не меняет.
Читать ответДля внешних классических скриптов defer загружает параллельно и выполняет после разбора HTML в порядке документа; async выполняет по готовности без гарантии порядка. Загрузка и выполнение — разные этапы.
Читать ответuseMemo кеширует результат вычисления, useCallback — ссылку на функцию, React.memo — помогает пропускать render компонента с прежними props. Это разные границы оптимизации.
Читать ответСпецифичность сравнивает селекторы по ID, затем классам/атрибутам/псевдоклассам и затем тегам/псевдоэлементам. Но сначала учитывается более широкий каскад.
Читать ответLayout пересчитывается при изменениях геометрии; особенно дороги чередующиеся DOM-записи и чтения размеров, вынуждающие синхронный пересчёт.
Читать ответFunction declaration обычно доступна до своей строки в области объявления, а function expression и стрелка следуют правилам переменной, которой присвоены.
Читать ответУтечка возникает, когда ненужные данные остаются достижимыми: через слушатели, таймеры, подписки, глобальные коллекции или удерживаемые DOM-узлы.
Читать ответWeb Worker выполняет вычисления вне основного потока, а Service Worker обслуживает сетевые и офлайн-сценарии в своём жизненном цикле.
Читать ответИспользуйте Flexbox с двумя выравниваниями, Grid с place-items:center либо абсолютное позиционирование с translate.
Читать ответТип props React-компонента можно получить через React.ComponentProps<typeof Component>; для DOM-элемента — ComponentProps<'button'>.
Читать ответЦепочка Promise сама не планирует кадры: бесконечные микрозадачи могут не дать браузеру отрисовать промежуточные изменения.
Читать ответ