Itqualityassurance
Skelettbildschirme erfüllen eine ähnliche Funktion wie Spinner und andere Ladeanimationen: Ein visueller Hinweis, den der Benutzer etwas warten muss, um den Inhalt zu laden. Im Gegensatz zu Spinnern erzeugen Skelettbildschirme jedoch eine Illusion des Fortschritts.
- Wann sollten Sie kein Skelettbeladung verwenden??
- Warum Skelettbeladung verwenden??
- Was ist ein Spinner geladen??
- Wie implementieren Sie Skelettbeladung??
Wann sollten Sie kein Skelettbeladung verwenden??
Ein Skelettlader sollte nicht in Kombination mit einem Spinner verwendet werden.
Warum Skelettbeladung verwenden??
Ein Skelettbildschirm ist ein animierter Platzhalter, der das Layout einer Website simuliert, während Daten geladen werden. Sie lassen den Benutzer wissen, dass einige Inhalte geladen werden und, was noch wichtiger ist, einen Hinweis darauf geben, was das Laden ist, ob es sich um ein Bild, einen Text, eine Karte usw. handelt.
Was ist ein Spinner geladen??
Ein Ladespinner ist im Allgemeinen ein Markenelement mit einer Looping -Animation, die angibt. Vermeiden Sie es, mehrere Ladespinner auf einer einzelnen Seite anzuzeigen.
Wie implementieren Sie Skelettbeladung??
Erstellen Sie einen neuen Dateiindex. HTML und schreiben Sie etwas HTML für das Layout in einem Elternteil <div> mit class = "Profil-Container". Fügen Sie jedem Element Class = "Skelett" hinzu, um den Skelett -Bildschirm -Ladungseffekt anzuwenden. Sie werden diese Klasse entfernen, wenn der Inhalt mit JavaScript geladen wird.
