在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

虚拟滚动是一种非常常见的优化技术，那么本篇文章将介绍如何在 Vue3 中构建虚拟滚动。 虚拟滚动的原理就是一次只渲染固定个的可视区域，每当滚动时，可视区域不会重新渲染，而是复用已经创建完毕的区域，并把滚动导致的数据变化渲染在复用区域。 通过 Composition-api 实现…