深圳虾皮信息科技有限公司面试题更新 2026-08-05

请解释虚拟列表(Virtual List)的概念,并说明在窗口滚动时,如何针对不同滚动位置(scale)优化每个列表项(window)的计算?

深圳虾皮信息科技有限公司前端/移动开发互联网/IT性能优化问题拆解技术原理

考察说明

考察对虚拟列表原理的理解及滚动性能优化的思路

回答思路

  1. 清晰解释虚拟列表的作用:只渲染可视区域内的列表项,减少DOM节点数量
  2. 能说明滚动时窗口位置计算的基本逻辑,如根据scrollTop和item高度估算起始索引
  3. 能提出针对不同滚动位置(scale)的优化策略,如缓存计算结果、批量更新、使用节流或requestAnimationFrame
  4. 能结合具体技术,如二分查找定位、动态高度处理、预渲染缓冲区等进行分析