对于长列表来说，我们大部分的操作都是：1.懒加载，分页，2.Object.freeze冻结数组取消响应式，因为大多时候都是展示 3.高清图替换成缩略图，因为很多时候长列表的图尺寸都比较小，所以可以用小图来代替
以上能解决大部分的长列表问题，在可以分页的情况下
但是，还有两个问题没有解决，那就是：1.不能分页的时候怎么办
2.当用户向下滑动加载了很多很多的内容时，可能是1000个10000个的时候。这个时候浏览器就会变得卡顿，特别是在手机上。原因就是因为浏览器渲染了太多的div，消耗了很多的资源（重绘和回流都是需要浏览器资源的）
所以，针对这两个问题，我们隆重的推出我们的虚拟列表，关于虚拟列表的原理，已经有很多很多的文章讲过了，本文就不再去重复了，大家可以直接去搜索一下就可以出来它的原理，大概就是只渲染缓冲区和可视区的盒子，不会去把所有列表中的盒子渲染出来，达到节省浏览器资源的目的。
可参考该链接的方法：链接🔗
