IntersectionObserver 与虚拟列表性能优化：可见性检测、回收与占位策略
使用 IntersectionObserver 构建高效虚拟列表，实施可见性检测、项回收与占位策略，显著降低渲染与内存开销，并提供可验证的滚动与帧率指标
占位
"CSS aspect-ratio：稳定布局与媒体占位"
"介绍 `aspect-ratio` 的语法与应用，在图片/视频/卡片等场景提前保留尺寸占位，减少布局抖动（CLS），并与响应式策略协作。"
React Suspense与并发特性：数据加载与占位
利用 Suspense 与并发特性优化数据加载与占位体验，减少不必要的重渲染与抖动。
前端图片懒加载与占位骨架优化（loading=lazy、IntersectionObserver 与验证）
通过原生懒加载与IntersectionObserver触发加载，配合占位骨架与低分辨率占位图，降低首屏体积与提升交互体验，并提供验证方法。
"CSS scrollbar-gutter：滚动条占位与布局稳定"
"说明 `scrollbar-gutter` 的行为与用法，通过为滚动容器保留滚动条占位，提高跨平台布局稳定性，减少因滚动条出现/消失导致的抖动（CLS）。"
前端能力降级策略（网络、功能探测、优雅降级与占位）
设计在弱网与低端设备场景下的能力降级方案，结合网络信息与功能探测，实现优雅降级与合理占位的体验保障。
CSS scrollbar-gutter 与滚动条占位布局稳定性实践
使用 `scrollbar-gutter` 控制滚动条占位与布局稳定性，避免首次滚动引发的内容跳动并提升核心指标（LCP/Cumulative Layout Shift）。
