快手的短视频列表页面需要实现无限滚动加载功能。请编写一个 JavaScript 函数，实现该功能，并说明代码的设计思路和性能优化点。

答题要点

推荐答题框架：先阐述设计思路，再分析性能优化点。关键要点：1. 设计思路：监听窗口滚动事件，当滚动到底部时触发加载新数据的操作。通过计算滚动条位置和窗口高度判断是否到达底部。2. 节流处理：为避免频繁触发滚动事件，使用节流函数限制事件触发频率。3. 数据预加载：在滚动到接近底部时提前加载数据，提高用户体验。4. 虚拟列表：对于大量数据，使用虚拟列表只渲染可见区域的数据，减少 DOM 操作。示例思路：设计上，监听滚动事件，判断是否到底部来加载新数据。性能优化方面，使用节流函数控制触发频率，提前预加载数据，采用虚拟列表减少 DOM 操作。