Самая большая база вопросов с технических собеседований, вместе с ответами
Что такое scoped slots в Vue 3?
Расскажите, что представляют собой scoped slots в Vue 3 и как их использовать для передачи данных от дочернего компонента к родительскому.Senior, Middle
Чем отличается поведение isNaN() и Number.isNaN()?
В чем заключается разница между функцией `isNaN()` и методом `Number.isNaN()` в JavaScript? Опишите, как каждая из этих функций обрабатывает значения, и как это влияет на проверку NaN.Senior, Middle
Что такое Triple Slash директивы в TypeScript?
Объясните, что представляют собой Triple Slash директивы (///) в TypeScript, какие из них используются, и для чего они применяются при написании кода.Senior, Middle
Что означает глубокая (deep) и поверхностная (shallow) копия объекта?
Какие различия между глубокой и поверхностной копией объекта в JavaScript? Опишите, как каждая из этих копий влияет на изменения в исходных и скопированных объектах, и какие подходы используются для создания каждой из копий.Senior, Middle
Для чего нужно ключевое слово satisfies в TypeScript?
Опишите, как работает ключевое слово satisfies в TypeScript и для чего его можно использовать. Укажите, какие задачи оно решает и как помогает при работе с типами.Senior, Middle
Как реализован и работает enum в TypeScript после компиляции?
Объясните, как работает и выглядит enum в TypeScript после компиляции в JavaScript. Укажите, какие особенности и нюансы следует учитывать при его использовании.Senior, Middle
В чем преимущества и недостатки Regular DOM (Angular) перед Virtual DOM (React)?
Каковы основные преимущества и недостатки использования Regular DOM в Angular по сравнению с Virtual DOM в React, особенно в контексте производительности и управления состоянием?Senior, Middle
Какой максимальный размер LocalStorage в JavaScript?
Опишите, какой объем данных можно хранить в LocalStorage и какие ограничения существуют при работе с этим механизмом в браузерах.Senior, Middle
Что такое JIT и AOT в Angular?
Каковы определения и ключевые отличия между JIT (Just-In-Time) и AOT (Ahead-Of-Time) компиляцией в Angular, а также в каких случаях предпочтительнее использовать каждую из них?Senior, Middle
Как можно отслеживать изменения localStorage в JavaScript?
Опишите, как можно отслеживать изменения данных в localStorage в JavaScript. Какие события и методы позволяют реагировать на изменения и как это используется в современных веб-приложениях?Senior, Middle
Что такое коллстэк (callstack) и как он работает в JavaScript?
Объясните, что такое коллстэк (callstack) в JavaScript и как он управляет выполнением функций. Как происходит обработка функций в стеке и что происходит при возникновении ошибок?Senior, Middle
Перечисли типы воркеров, которые ты знаешь в JavaScript.
Какие типы воркеров существуют в JavaScript и для чего они используются? Какие задачи решают эти воркеры и в каких ситуациях их применение наиболее оправдано?Senior, Middle
Какие WebAPI доступны, а какие - нет, внутри воркеров в JavaScript?
Объясните, какие WebAPI доступны внутри воркеров в JavaScript и какие ограничения существуют при их использовании. Почему некоторые API недоступны в воркерах и какие задачи можно решить, используя доступные API?Senior, Middle
Какие этапы отрисовки страницы есть в браузере?
Опишите основные этапы отрисовки страницы в браузере. Как браузер обрабатывает HTML, CSS и JavaScript, чтобы превратить их в визуальное представление страницы?Senior, Middle
Что такое reflow и repaint при отрисовке в браузере?
Объясните, что такое процессы reflow и repaint в браузере. Как изменения в DOM или CSS влияют на эти процессы и в каких ситуациях они могут быть вызваны?Senior, Middle
Что такое React Reconciliation (согласование/сверка)?
Объясните, что представляет собой процесс согласования (Reconciliation) в React, как он работает и какие задачи решает. Опишите, почему это важно для эффективности работы React-приложений.Senior, Middle
Что такое доступность (accessibility) в HTML?
Опишите, что такое доступность в HTML и как она влияет на восприятие страницы пользователями с ограниченными возможностями. Какие аспекты HTML способствуют улучшению доступности веб-страниц?Senior, Middle
В чем разница между useEffect и useLayoutEffect в React?
Объясните, в чем основное отличие между хуками useEffect и useLayoutEffect в React. Опишите, как они работают и в каких ситуациях каждый из них стоит использовать.Senior, Middle
Что такое синтетические события (synthetic events) в React?
Объясните, что такое синтетические события в React и почему они используются вместо стандартных событий браузера. Опишите, как они работают и какие преимущества предоставляют.Senior, Middle
Какие методы жизненного цикла пропали в React 16?
Опишите, какие методы жизненного цикла были удалены или изменены в React версии 16. Объясните, почему это было сделано и какие альтернативы предлагают новые версии React для выполнения тех же задач.Senior, Middle
Какие CSS свойства обрабатываются на GPU?
Расскажите, какие CSS свойства обрабатываются с помощью GPU, и как это влияет на производительность рендеринга. Объясните, когда и почему стоит оптимизировать работу с этими свойствами.Senior, Middle
Что такое WebRTC и для чего нужна эта технология?
Объясните, что такое WebRTC, как эта технология функционирует и в каких сценариях используется. Укажите, для чего WebRTC применяется в веб-приложениях и чем она отличается от других методов передачи данных.Senior, Middle
Что такое WebGL и для чего нужна эта технология?
Расскажите, что представляет собой WebGL, какие возможности эта технология предоставляет и где она используется. Объясните, как WebGL позволяет рендерить графику в веб-приложениях и в чем его преимущества перед другими подходами.Senior, Middle
Что такое Shadow DOM в JavaScript?
Расскажите, что такое Shadow DOM и как он работает в JavaScript. Объясните, как Shadow DOM помогает инкапсулировать стили и разметку и где его использование наиболее полезно.Senior, Middle
В чем разница между stopPropagation и stopImmediatePropagation в JavaScript?
Объясните, как работают методы stopPropagation и stopImmediatePropagation в JavaScript при обработке событий. Укажите, в чем заключается их основное различие и в каких случаях каждый из них применим.Senior, Middle
Что такое веб-компоненты (WebComponents, custom elements) в JavaScript?
Объясните, что представляет собой технология WebComponents в JavaScript. Укажите, из каких основных компонентов состоит данная технология и как она используется для создания переиспользуемых и инкапсулированных элементов в веб-приложениях.Senior, Middle
Как работает boxing и unboxing в JavaScript?
Объясните, что такое boxing и unboxing в JavaScript и как они работают. Укажите, как примитивные типы преобразуются в объекты и обратно, и в каких случаях это происходит.Senior, Middle
Как реализована реактивность данных под капотом в Vue 2 и 3?
Расскажите, как устроена реактивность в Vue 2 и 3 на уровне внутренней реализации. Какие механизмы используются в каждой версии?Senior, Middle
Что такое temporal dead zone в JavaScript?
Объясните, что означает термин 'temporal dead zone' (временная мертвая зона) в JavaScript. Укажите, как она связана с переменными, объявленными через let и const, и как это влияет на выполнение кода.Senior, Middle
Почему typeof null возвращает object?
Объясните, почему выражение typeof null возвращает значение 'object' в JavaScript. Укажите, как это связано с историческими особенностями языка и к чему это может привести при написании кода.Senior, Middle
Для чего нужны WeakMap и WeakSet в JavaScript?
Опишите, что такое WeakMap и WeakSet в JavaScript, и в чем их отличия от обычных Map и Set. Укажите, какие особенности этих структур данных позволяют им быть полезными в определенных сценариях.Senior, Middle
Какой максимальный размер cookie?
Каков максимальный размер одного cookie в современных браузерах? Объясните ограничения и почему они установлены.Senior
Что такое garbage collector в JavaScript, и что он делает?
Объясните, что представляет собой garbage collector в JavaScript и какие задачи он выполняет. Укажите, как он работает и какую роль играет в управлении памятью в JavaScript.Senior