懒加载代码

以下是一段简单的懒加载代码示例，用于将页面中的图片加载延迟到用户滚动到该图片位置时再加载：

<img class="lazy" data-src="image.jpg" alt="Image">

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const lazyImages = document.querySelectorAll(".lazy");
    const options = {
      rootMargin: "0px",
      threshold: 0.1
    };
    const observer = new IntersectionObserver(function(entries, observer) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          const img = entry.target;
          img.src = img.dataset.src;
          img.classList.remove("lazy");
          observer.unobserve(img);
        }
      });
    }, options);
    lazyImages.forEach(function(img) {
      observer.observe(img);
    });
  });
</script>

上述代码使用了 IntersectionObserver API，当用户滚动到图片位置时触发回调函数，从而加载图片。其中，`data-src` 属性存储了图片的真实 URL，而 `lazy` 类表示该图片需要懒加载。