Карточка Junior Web API и воркеры обновлено

Три наблюдателя

Вопрос

Чем отличаются IntersectionObserver, ResizeObserver и MutationObserver?

Попробуйте сами

Ответьте про себя или вслух, потом откройте ответ и сверьтесь.

Показать ответ и разбор

Коротко

IntersectionObserver следит за видимостью элемента относительно viewport или контейнера. ResizeObserver за изменением размеров элемента.

Ответ

IntersectionObserver следит за видимостью элемента относительно viewport или контейнера. ResizeObserver за изменением размеров элемента. MutationObserver за изменениями DOM: узлы, атрибуты, текст.

Разбор

Все три асинхронные и заменяют дорогие опросы и обработчики scroll и resize.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.

Термины по теме