2025-02-08-react开发双向无限滚动-out.md

目的

实现对聊天数据的展示

1. 普通版：直接展示最新，只需要向上滑动，并不断增加窗口长度
2. 升级版：窗口长度不变，用到虚拟窗口，提高效率，窗口外的元素不渲染，不浪费资源
3. 最终版：双向滑动。目的，我可以定位到某个日期的聊天，需要向上向下都触发加载数据。

难点

1. 怎么获取元素的滑动动作数据，使用useref
2. 怎么正确的滑动，防抖
3. 怎么保持效率，前端数据太多会不会卡顿，后端怎么传输数据