理解列表虚拟化

- **前端性能优化技术**：列表虚拟化（List Virtualization，也称虚拟滚动）是一种只渲染可视区域内少量DOM节点、而非整个长列表的前端优化手段。常见于社交信息流、聊天记录、大型数据表格等需要展示成千上万条目的场景。 - **核心原理**：通过计算滚动位置，动态创建和复用少量容器元素，模拟出完整列表的滚动条高度和交互体验。这能大幅减少DOM节点数量和内存占用，避免页面卡顿。 - **代表性实现库**：React Virtual（Tanner Linsley开发）、TanStack Virtual、react-window和react-virtualized（均由Brian Vaughn创建）。它们用不同的API设计（如固定行高 vs 动态行高估算）来满足不同需求。 - **为什么重要**：现代Web应用动辄渲染数千行数据，若不虚拟化，浏览器渲染和重排成本极高，导致输入延迟、滚动掉帧甚至崩溃。理解虚拟化机制是构建流畅大数据量界面的关键前提。