Obciążenie szkieletu vs spinner

Ekrany szkieletu służą podobnej funkcji jak spinner i inne animacje ładowania: wizualna wskazówka, którą użytkownik musi trochę poczekać, aż zawartość się załaduje. Jednak w przeciwieństwie do spinnerów ekrany szkieletu tworzą iluzję postępu.

1. Kiedy nie należy używać ładowania szkieletu?
2. Dlaczego warto korzystać z ładowania szkieletu?
3. Co to jest ładowanie spinnera?
4. Jak zaimplementować ładowanie szkieletu?

Kiedy nie należy używać ładowania szkieletu?

Ładowarka szkieletowa nie powinna być używana w połączeniu z spinner, wybierz ten, który najlepiej pasuje do obudowy użycia.

Dlaczego warto korzystać z ładowania szkieletu?

Ekran szkieletu to animowany symbol zastępczy, który symuluje układ strony internetowej podczas ładowania danych. Poinformują użytkownika, że ​​niektóre treści ładują się i, co ważniejsze, podają wskazanie, co ładuje, niezależnie od tego, czy jest to obraz, tekst, karta i tak dalej.

Co to jest ładowanie spinnera?

Spinner obciążenia jest na ogół elementem markowym o animacji zapętlonej, która wskazuje, że ładowanie jest w toku i gdzie się pojawia. Unikaj wyświetlania wielu spinnerów ładowania na jednej stronie.

Jak zaimplementować ładowanie szkieletu?

Utwórz nowy indeks plików. HTML i napisz trochę HTML dla układu wewnątrz rodzica <div> z klasą = ”profil-container”. Dodaj klasę = „szkielet” do każdego elementu, aby zastosować efekt ładowania ekranu szkieletu. Będziesz usuwać tę klasę, gdy zawartość zostanie załadowana za pomocą JavaScript.