Lazy Load懒加载

### 💡 核心功能
Lazy Load 是一款专注于**网页前端性能优化**的经典JavaScript库。其核心功能是通过**延迟加载**技术，显著提升长页面的加载速度与用户体验。它的工作原理是：页面初始加载时，仅加载视口内或即将进入视口的图片，对于视口之外的图片则暂不加载，直到用户滚动至该区域时才触发加载。这种“按需加载”策略有效减少了初始页面加载时的网络请求总量和带宽消耗，降低了服务器压力，尤其对于图片密集型的网站（如电商、博客、图库）效果显著。现代版本（Remastered）摒弃了旧有的滚动监听，转而采用更高效、更精准的浏览器原生**Intersection Observer API**，实现了性能与精确度的质的飞跃。

### 🎯 适用场景
该工具适用于几乎所有包含大量图片内容的现代网站，其应用场景广泛且实用。**1. 内容型网站：** 如新闻门户、博客、图文社区，可以快速加载首屏内容，提升读者留存率。**2. 电商平台：** 商品列表页通常有大量商品图片，懒加载能极大加快页面可交互时间。**3. 单页应用与长滚动页：** 在用户体验要求极高的SPA或着陆页中，确保滚动流畅性至关重要。**4. 移动端网页：** 在网络条件和设备性能受限的移动端，节省流量、提升加载速度是优化关键。开发者可以通过简单的API配置（如设置占位图、调整触发阈值）来满足不同场景下的精细需求，例如实现“模糊加载”（Blur Up）等高级视觉效果。

### ⚙️ 技术亮点
Lazy Load的技术实现体现了现代前端开发的智慧。其最核心的技术亮点在于对 **Intersection Observer API** 的运用，这是一个性能远优于传统`scroll`事件监听的浏览器API，它异步观察目标元素与视口的交叉状态，避免了导致页面卡顿的强制同步布局计算。**架构设计上，** 它提供了灵活的工厂模式与构造函数两种初始化方式，支持通过`data-src`属性定义高分辨率图片源，并能与`src`属性中的低分辨率占位图配合工作。**API设计上，** 除了基础的自动初始化，还提供了`loadImages()`、`destroy()`、`loadAndDestroy()`等高级方法，允许开发者以编程方式精确控制加载行为与生命周期。**兼容性方面，** 除了原生JavaScript版本，还提供了jQuery封装，方便老项目迁移。整体代码精简，无外部依赖，通过CDN引入即可使用，是前端性能优化工具箱中一个**可靠、高效且经过时间检验**的实用组件。