Ionic 3中虚拟VS无限滚动的区别和用例有何不同

Question

我已经阅读了Ionic 3文档，我试图了解

之间的区别

https://ionicframework.com/docs/api/components/virtual-scroll/VirtualScroll/

和

https://ionicframework.com/docs/api/components/infinite-scroll/InfiniteScroll/

我看到他们使用了不同的组件，虽然他们展示了 InfiniteScroll 的示例，但没有 VirtualScroll 的示例，并且它的设置看起来也很复杂。

两者之间有什么区别？使用其中一种可能的用例有什么用？

Answer 1

虚拟滚动

• 我们只在DOM中创建了足够的元素来显示当前屏幕上的列表数据，我们会回收这些DOM元素，以便在scroll off屏幕上显示新数据。
• 在处理长列表时，这样做是为了提高性能。
• 示例：您选择要在列表中显示的500条记录，但Virtual Scroll只会在percentage中插入DOM条记录在滚动更多的时间fluid。

此图表应该有助于解释这个概念:(通过以下josh文章提供）

在这里，您可以看到example of Virtual Scroll

无限滚动

• 当您获取一定数量的记录并将其插入列表时，一旦到达底部，它将获取下一批并将它们插入列表并重复该记录，只要您有要获取的项目。
• 此处您的Instance Members比Virtual Scroll多{{1}}。这意味着您可以更好地控制此组件。

这是example of Infinite Scroll

推荐： Link 1和Link 2