为何需要
只渲染可见行并复用(Android Developers, n.d.;web.dev, n.d.;Miller, 1968),适合无限滚动与核心网页指标。
实现要点
预估行高、留足缓冲、配合图片懒加载(Card et al., 1983;MDN, n.d.)。
无障碍与查找
用aria-setsize等告知总数(W3C WAI, n.d.),提供应用内搜索并保持焦点(W3C, 2023)。
常见问题
- 多少项需要?
- 数百项以上或卡顿时测量后使用。
- 页内查找会失效吗?
- 未渲染行查不到,需应用内搜索。
来源核查日期:2026-10-27
参考文献
- web.dev. (n.d.). Virtualize large lists with react-window. 只渲染可见行。
- Android Developers. (n.d.). Create dynamic lists with RecyclerView. 视图复用。
- MDN Web Docs. (n.d.). content-visibility. 跳过屏外渲染的CSS。
- W3C WAI. (n.d.). Feed pattern. ARIA Authoring Practices Guide. 告知总数与位置。
- Miller, R. B. (1968). Response time in man-computer conversational transactions. In Proceedings of the December 9–11, 1968, Fall Joint Computer Conference, Part I (pp. 267–277). ACM. 响应时间极限。
- Card, S. K., Robertson, G. G., & Mackinlay, J. D. (1991). The information visualizer, an information workspace. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 181–186). ACM. 感知时间模型。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 焦点顺序标准。
