2

我注意到当我将 cdk 虚拟滚动的 itemSize 设置为较低的量时,页面的加载时间几乎是该量的两倍。

<cdk-virtual-scroll-viewport [itemSize]="45"<cdk-virtual-scroll-viewport [itemSize]="20"(有 2k 行的表)之间有很大的不同。

我的问题是为什么页面的加载时间从 2 秒到近 5 秒?怎么会有这么大的不同?

4

1 回答 1

9

[itemSize]指示列表中每行的像素高度。

然后,虚拟滚动条(部分)使用它来确定它可以在视口上方和下方缓冲多少行。你做的itemSize越低,它就越会尝试加载和缓冲。

至于

为什么页面的加载时间从 2 秒缩短到近 5 秒?

谁知道; 这完全取决于您的实际代码是什么,列表正在实例化什么,绑定了什么,什么可能触发 RecalcStyle,等等。例如,也许您有一些过程在 O(n 2 ) 中迭代您的列表,或者可能有一堆事件侦听器。我们需要更多细节来分析。

于 2019-04-15T19:18:06.807 回答