Встречается на собеседованиях • сегодня

Что такое Intersection Observer

Intersection Observer — это API, позволяющий асинхронно отслеживать пересечение элемента с его родителем или viewport. Он эффективен для ленивой загрузки, бесконечного скролла или анимаций при появлении элемента.

Пример использования:

javascript
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('visible');
      observer.unobserve(entry.target); // Отключаем наблюдение после появления
    }
  });
}, { threshold: 0.1 }); // Срабатывает при 10% видимости

document.querySelectorAll('.lazy-load').forEach(el => observer.observe(el));

text

Плюсы:
- Высокая производительность (не использует scroll/listener)
- Гибкость (настройка root, threshold, rootMargin)
- Поддержка во всех современных браузерах
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы