JavaScript · Middle · Pytanie 44 z 75
Jak wydajnie wstawić 1000 elementów do DOM?
- ✓Poprawna odpowiedź: Zebrać je w
DocumentFragment(lub jedną tablicę) i wstawić jedną operacją - 2Wstawiać po jednym przez
appendChild- przeglądarka sama je zgrupuje - 3Za każdym razem przebudowywać całą listę przez
innerHTML +=w pętli
Wyjaśnienie
Każde wstawienie do żywego DOM może wywołać przeliczenie stylów i layoutu. Fragment jest budowany poza dokumentem i wstawiany naraz; tak samo działa el.append(...nodes). innerHTML += w pętli za każdym razem parsuje cały markup od nowa i gubi handlery.