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以下文章提供)

在这里,您可以看到虚拟滚动的示例

无限滚动

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

这是Infinite Scroll的一个例子

参考: 链接1和链接2