虚拟滚动，在角度7中拖放

Question

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

我经历了drag and drop和virtual scrolling

请问有人可以阐明这些吗？

Answer 1

现在考虑一种情况，您将要显示大量数据，现在您可以进行分页，每页将包含一个api调用（如果数据频繁更改），或者一次加载所有会减慢或终止速度的内容UI流程。

Virtual Scroll是关于在DOM中加载大量数据而不影响性能的。

它的主要特征是：

1. 数据是根据视口的大小显示的，即，如果容器div为500 px，则一次将显示10至15行。
2. 您滚动的广告会更改这些行，但DOM中的元素数将保持一致。
3. 当您必须显示大量数据而不执行分页时，这非常方便。

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