IntersectionObserver 实现懒加载时的触发时机、阈值配置与滚动容器边界

IntersectionObserver 用来做懒加载，本质上是让浏览器帮我们监听目标元素和某个可视区域的交叉情况，不需要在 scroll 事件里频繁计算元素位置。

触发时机主要是：当被观察元素进入或离开指定的观察区域，并且交叉比例跨过配置的 threshold 时，会触发回调。比如图片刚进入视口、从视口中移出，或者可见比例从 0.4 变成 0.6 跨过了 0.5，都会触发。回调不是同步实时触发的，浏览器会异步批量执行，所以性能比手动监听滚动更好。

常见用法是：

```js const observer = new IntersectionObserver((entries) = { entries.forEach(entry = { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src; observer.unobserve(img); } }); }, { root: null, rootMargin