Размер элемента виртуальной прокрутки cdk

Я заметил, что когда я установил для параметра itemSize вирусной прокрутки cdk меньшее значение, время загрузки страницы почти вдвое больше.

Между <cdk-virtual-scroll-viewport [itemSize]="45" и <cdk-virtual-scroll-viewport [itemSize]="20" (таблица с 2k строками) есть большая разница.

У меня вопрос, почему загрузка страницы идет с 2 секунд до почти 5 секунд? Как может быть такая большая разница?


person Swoox    schedule 28.02.2019    source источник


Ответы (1)


[itemSize] определяет высоту каждой строки в списке в пикселях.

Затем виртуальный скроллер использует это (частично), чтобы определить, сколько строк он может буферизовать выше и ниже области просмотра. Чем меньше высота itemSize, тем больше он будет пытаться загружать и буферизовать.

As to

почему загрузка страницы идет с 2 секунд до почти 5 секунд?

кто знает; это полностью зависит от того, что представляет собой ваш фактический код, и то, что список создает и что связано, что может вызвать RecalcStyle и т. д. Может быть, у вас есть какой-то процесс, который повторяет ваш список в O (n 2), например, или, может быть, есть несколько прослушивателей событий. Нам понадобятся более подробные сведения, чтобы это проанализировать.

person msanford    schedule 15.04.2019