#DOM

前端大数据量渲染实战 2026：虚拟列表与万行表格的性能工程

列表渲染到几千行，页面开始卡顿；表格撑到上万行，滚动直接掉帧——DOM 的成本从来不是线性的，而大多数性能问题的答案只有一个：只渲染用户看得见的部分。本文系统讲解大数据量渲染的完整工程：从 DOM 成本的真相、分页与无限滚动的适用边界，到虚拟列表的核心原理与最小实现、动态高度的测量与预估修正、虚拟化表格的行列双虚拟化，再到 React 生态选型、交互细节与可访问性，最后给出性能测量方法与落地清单。