基于Electron IM消息列表滚动优化方案?-灵析社区

爱打瞌睡的三角龙

两千条都太多了。虚拟列表,展示一屏幕+上下半屏幕。 左侧会话列表用定高列表,右侧消息列表用不定高列表。 不定高列表,可以把图片的宽高做持久化,体验会更好 * * * 可以看一下虚拟列表就是标准的大数据处理方案。十万条都没问题(当然真实的消息列表 dom 比这个会更复杂,但是真实 dom 也不会多太多) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241121/b19b6edab449cae47b27ea1da0dc503b.png) * * * [https://github.com/react-component/virtual-list](https://link.segmentfault.com/?enc=jFwsoj%2B1esjpdae8jEPSmQ%3D%3D.gaUT2NdJ8KokHavDqkClcKUbnVMw5QuV9Agrp56WJz2K2R7mNi22hYm2KzySH%2BHu) * * * 我之前写过的一些 im 相关的前端问题,可以关注一下 , 如果有我没提到的可以再问我。 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241121/0e1f28dca0fa442e4e744ce96ee78b5c.png)

阅读量:1

点赞量:0

问AI