角度 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請查看圖像：