离子应用程序中的Faux VirtualScrolling

Question

出于性能原因，我试图在一个Ionic应用程序中模拟虚拟滚动(表格单元回收)。在我的应用程序中，我有一些屏幕，里面有数百个带有图像的项目。因此，我不能同时显示它们。Ionic中的virtualScroll组件应该能做到这一点，但遗憾的是，目前有一个bug不允许它使用动态管道。

我想建立我自己的虚拟滚动技术，但我不认为我准备创建我自己的合法虚拟卷轴。我的问题是:我可以通过执行display: none来模拟虚拟滚动吗？这会实现一个完全虚拟滚动所能实现的一些性能改进吗？

Answer 1

回答你的问题：

您将通过设置display实现图形化呈现性能:无，因为它将从呈现树中删除那些单元格。这可能会带来更流畅的滚动。

但是，您仍然在将所有表单元格分配到DOM上，而不是真正的虚拟滚动，它只分配可视的单元格。如果您决定执行自定义实现，特别是当您有一个大型数据集时，我会考虑到这一点。DOM上的10个可重用单元格在内存和CPU方面的性能总是比10,000个要好得多，9,990个单元格设置为"display：‘none“。

我想说你最好的选择是权衡你的选择，想出一个解决办法来使用动态管道(这可能比尝试实现你自己的虚拟滚动更容易)，这样你就可以使用内置的虚拟滚动。