Vue3 虚拟瀑布流组件，支持无限滚动加载 插件

之前在学习优化的时候，学到了一个首页优化，以前的我都是首页基本上都只是加一个懒加载的图片，就结束了。后面学到了一种技术就是虚拟列表，对，就是这个技术。先打一个比方，就是如果首页有百万条数据的话，那么如果你滑动到了页面的底部，你想一想页面上有多少个DOM，这个对浏览器的性能损耗很高，说不定划着划着，页面就已经卡死了。这个时候就要有请我们的男主角了，虚拟列表！！！他就是解决这一问题的，他能够保证dom元素不会进行累加， 这就能很好的解决页面滑动卡顿的问题。

可以看到的是他的DOM不是一直累加的 第一张图有20个DOM元素

第二张图也有个20个上下的DOM元素个数

至于为什么第一张图和第二张图的DOM不一致，是因为，虚拟列表的核心优化策略之一是通过预加载部分不可见区域元素，避免快速滚动出现白屏或内容断层。

附上我的npm插件地址: https://www.npmjs.com/package/fs-virtual-waterfall 欢迎大家提提意见，多多下载使用😍

预览效果: