IntersectionObserver 观察可见性 | 星雨笔录

核心： IntersectionObserver 观察元素是否进入视口，可实现懒加载、入场效果和阅读定位。

最小示例：

const observer = new IntersectionObserver(entries => {
  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
});
observer.observe(document.querySelector('.card'));

学完能做： 通过可见性观察实现进入视口响应。