图片懒加载的实现方式（IntersectionObserve

1. 核心实现方式（简洁版） - IntersectionObserver（推荐）：监听图片与视口的交集，进入可视区域后加载（无需监听scroll，性能优）； - 占位+scroll监听：先设固定占位高度，监听scroll事件，通过getBoundingClientRect()判断图片是否进入视口，再加载； - 预加载：提前加载即将进入视口的图片（如滚动到第2屏时，预加载第3屏图片），常用作IntersectionObserver的补充。 2. 体验与性能收益 - 减少初始加载资源量，提升页面首屏加载速度； - 降低带宽消耗，尤其适配移动端/弱网环境； - 避免图片扎堆加载导致的页面卡顿，优化滚动流畅度； - 减少无效资源加载，降低服务器压力。

遍历图片节点。判断是否出现在视口。替换 src 为 data-src。