Лучшие публикации за сутки.
Наблюдатель (observer) — это объект, который следит за состоянием определенного элемента и регистрирует происходящие в нем изменения. Элемент, который находится под наблюдением (чуть не написал «за которым организована слежка»), называется целевым. Наблюдатель может следить за состоянием как одного, так и нескольких элементов, а в некоторых случаях также и за потомками целевого элемента.
В JavaScript существует три основных вида наблюдателей:
- ResizeObserver
- IntersectionObserver
- MutationObserver
В данной статье я предлагаю сосредоточиться на практической реализации каждого наблюдателя.