optimization for a large amount of data that needs to be rendered as list items
项目是一个demo,可以直接运行
这是根据学习virtual-scroll源码的思想来实现的,可以支持自定义列数和预渲染的个数
如果需要的话可以提出其中的virtualList.vue来使用,virtualList.vue与外部是低耦合的。
size:每个元素的高度,这个版本只支持等高的元素
remain:可视区域的元素个数
items:传入的数据源,类型为数组
columns:展示的列数
preRender:预渲染的元素个数
slot->#item: 支持每一个元素自定义内容
注意:其中remain和preRender必须是columns的整数倍,不然会引起错误