虚拟化滚动组件示例合集
前端列表滚动多了之后，性能一下就掉下来了，尤其你用的是那种几十上百条的数据列表？用虚拟化渲染是个挺靠谱的思路。我最近翻了一个压缩包，叫用于虚拟化.zip，里面有几个还不错的小工具和示例，能帮你快速上手虚拟化。
WPF 的虚拟化控件用得多的话，你对ItemsControl的VirtualizingStackPanel有印象。这个包里也有类似的概念实现，不同的是做法更轻量，挺适合改造成自己项目用的。哦，还有一份代码专门是针对树形结构的，跟WPF 虚拟化树形列表那篇文章讲的比较像。
如果你是做Unity的，那强烈建议你看看EnhancedScroller。它的思路和这个压缩包里的一段滚动组件差不多，都是只渲染视口可见的内容，响应也快，CPU 压力小，适合做排行榜、背包这些。
虚拟化技术不是前端独有，像Docker、KVM、VMware这些后端老哥玩得溜的也多。如果你是全栈或者想拓展视野，也可以顺便看看这几篇：Docker 虚拟化方案、KVM 引导配置模板、VMware 应用技巧。
提醒一句，虚拟化虽然省资源，但调试起来有点绕，是和 DOM 操作混着用的时候，状态同步容易出锅。建议你在封装的时候加个数据缓存层，像 React 的useMemo或者自己写个映射表都行，能帮你省不少事。
如果你最近项目里有大数据滚动的需求，这个用于虚拟化.zip可以先解压看看，挑几段改改就能直接上了，挺方便的。
文件大小：38.29MB
评论区