Вопросы React Frontend Developer

Пересечение типов в TypeScript позволяет объединить несколько типов в один, и результат будет включать все свойства всех типов. Это особенно полезно, когда нужно комбинировать разные типы данных или описывать объекты, которые должны иметь несколько наборов свойств одновременно. Пересечение создается с помощью оператора & и позволяет гибко создавать сложные структуры данных.

requestAnimationFrame — это метод в JavaScript, который сообщает браузеру, что нужно выполнить анимацию, и просит браузер вызвать указанную функцию для обновления анимации перед перерисовкой. Он синхронизируется с частотой обновления экрана, что делает анимацию плавной и оптимизированной. Вместо использования setTimeout или setInterval для анимации, requestAnimationFrame обеспечивает лучшее управление производительностью и энергопотреблением.

Event delegation — это техника, при которой событие обрабатывается на родительском элементе, а не на конкретных дочерних элементах. Это работает благодаря всплытию событий в JavaScript, когда событие, происходящее на элементе, поднимается по дереву DOM до его предков. Делегирование событий улучшает производительность, так как позволяет минимизировать количество обработчиков на странице, особенно если элементы создаются динамически.

Ленивые вычисления в JavaScript означают, что результат вычисления будет возвращен только по мере необходимости, а не сразу. Это может улучшить производительность, особенно если результаты не всегда нужны. Ленивые вычисления можно реализовать с помощью функций, возвращающих другие функции или используя генераторы, которые позволяют приостанавливать и возобновлять выполнение.

Свойство position определяет способ позиционирования элементов на странице. Основные значения включают static, relative, absolute, fixed, и sticky. 

Значение static — это значение по умолчанию, при котором элемент располагается в стандартном потоке. relative позволяет сместить элемент относительно его нормального положения, absolute позиционирует элемент относительно ближайшего родителя с ненормальным позиционированием, fixed фиксирует элемент относительно окна браузера, а sticky сочетает поведение relative и fixed, оставляя элемент на месте при прокрутке.