Предметы виртуальной прокрутки cdk - PullRequest
0 голосов
/ 28 февраля 2019

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

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

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

1 Ответ

0 голосов
/ 15 апреля 2019

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

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

Что касается

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

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

...