聊天记录、日志流、大表格、商品列表
虚拟列表是前端处理长列表性能问题的核心方案。传统方式会一次性渲染全部 DOM 节点,导致万级数据时页面严重卡顿。本实现采用"只渲染可视区域"策略,通过二分查找快速定位滚动位置对应的可见范围,仅创建当前可视区内的 DOM 元素,大幅降低内存占用与渲染开销。支持动态高度缓存,每条数据可独立记录实际高度,适配聊天记录、日志流、大表格、商品列表等多种场景。相比简单的分页或懒加载方案,虚拟列表在滚动体验上更流畅自然,无需用户主动触发加载,是长列表性能优化的首选方案。
new VirtualList(容器, 数组, 渲染函数) 即可
无