长列表与复杂页面怎样同时控制内存、渲染成本和耗电
简答题中等857 次浏览
参考答案与解析
# 核心结论
长列表与复杂页面的优化目标,是限制任一时刻参与构建、布局、绘制、图片解码、事件监听和业务订阅的对象数量,并让内存与耗电在持续使用后进入稳定区间。分页只能减少单次获取的数据量,如果已经加载的数据对应节点始终留在页面中,渲染和内存仍会不断增长;虚拟化则通过窗口化、回收和复用控制真实视图规模。完整方案还必须处理动态高度、滚动位置、焦点、无障碍、单元状态、图片生命周期和后台任务,不能只追求视图数量变少。
# 底层机制
在 Web 中,大量 DOM 节点会扩大样式计算、布局、绘制和脚本堆成本。虚拟列表通常只渲染可视区域及适量缓冲区,并通过占位空间维持整体滚动范围。固定高度列表容易通过索引计算位置;动态高度列
