vue-virt-list
输入“/”快速插入
vue-virt-list
飞书用户78502023年10月31日创建
计划中的分享文档：vue-virt-list 是如何练成的
🧑💻 基础优点
横向 & 纵向滚动
typescript 支持
📈 独特优点
支持vue2.x & vue3.x
✈ 高性能、满帧率、百万数据
数据没有上限，也不会造成渲染卡顿。
但这里需要注意2点：
1.
浏览器对于body高度是有最大限制的，当网页高度超出16777200px后无法显示后续内容。经过测试，数据大致在37万条后，就无法再显示后续内容。
2.
使用大量数据的时候，建议使用 shallowRef 来声明list，减少响应式数据内存的暴增
多种插槽供选择
除了常规的header和footer插槽外，额外提供sticky-header和sticky-footer。用来支持各类场景：例如表格、底部悬浮统计列等多元化功能。针对悬浮插槽也处理了对应的滚动到行的操作，避免遮盖。
向上平滑滚动
修复前：未缓存过的行高，在向上滚动时，会导致撑开高度
修复后：动态修复产生的差值
滚动不丢失 selection
修复前：由于vue2-diff算法的问题（可以说是一个小bug），所以导致滚动过程，renderBegin发生变化后，就会导致节点内容选中态或者光标丢失。而vue3-diff算法则不会有问题。未来会在另外一篇介绍中详细讲到。