在angular 7中虚拟滚动、拖放

Question

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

我看了drag and drop和virtual scrolling

有没有人能解释一下这些？

Answer 1

现在考虑一个你要显示大量数据的情况，现在你要么进行分页，在每个页面上包含一个api调用(如果数据频繁变化)，要么一次加载所有会减慢或杀死UI进程的东西。

Virtual Scroll是在DOM中加载大量数据，而不会影响性能。

它的主要特点是：

1. 数据是根据视窗的大小显示的，也就是说，如果你的容器div是500px，它将一次显示大约10-15行。
2. Ad你滚动这些行会改变，但DOM中的元素数量将保持不变。
3. 当您必须在不执行分页的情况下显示大量数据时，这非常方便。

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

​