角度 7 中的虚拟滚动、拖放

Question

我在互联网上搜索了 angular 7 的这些新功能，但并没有完全理解它。

我经历了拖放和虚拟滚动

有人可以对这些有所了解吗？

Answer 1

现在考虑一种情况，您要显示大量数据，现在要么进行分页，其中包括每页的 api 调用（如果数据经常更改），要么一次加载所有内容，这会减慢或终止 UI 进程。

Virtual Scroll 是在不影响性能的情况下在 DOM 中加载大量数据。

它的主要特点是：

1. 数据根据视口的大小显示，即如果您的容器 div 为 500 像素，它将一次显示大约 10-15 行。
2. 您滚动这些行的广告已更改，但 DOM 中的元素数量将保持一致。
3. 当您必须在不实施分页的情况下显示大量数据时，这很方便。

因此，它提高了 UI 性能。 我实现了显示多列的虚拟列表，数组长度为 100 万，这是一次要显示的大量数据。 虚拟列表是通过虚拟滚动实现的，它支持多列。 在此处查看详细说明和代码： https : //www.codeproject.com/Articles/5260356/Virtual-List-in-Angular请查看图像：