虚拟列表
已收录文章:4篇
-
前端列表从几百行涨到上万行后,滚动掉帧通常不是单个 CSS 属性造成的。本文用长列表筛选和滚动场景拆解 DOM 数量、批量渲染、可视窗口与主线程任务,给出可复现的 60 FPS 验收方法和回退边界。458 收藏
-
用一个 10 万条数据的列表场景讲清楚前端虚拟列表的核心思路:不一次性渲染全部 DOM,而是根据 scrollTop 计算可视窗口,只保留屏幕附近的行。352 收藏
-
从长列表全量 DOM 的主线程等待链讲起,说明虚拟列表如何通过可见窗口、节点复用和占位高度降低 Layout/Paint 压力,并给出最小实现与上线检查。260 收藏
-
本文用完整工作流讲解前端长列表虚拟滚动:计算可视区、设置上下占位、只渲染窗口数据,并用卡顿排查清单验证优化效果。111 收藏