Wie erreicht GitHub seine nahtlose Seitennavigation: AJAX oder ein CSS/JS-Trick?

Githubs nahtlose Seitennavigation: AJAX oder nicht?

Beim Erkunden eines Projekts auf GitHub, wie zum Beispiel https://github.com/ insoshi/insoshi, vielleicht ist Ihnen beim Klicken in Ordner ein reibungsloser Übergang aufgefallen. Dieses Verhalten, bei dem der Ordner geöffnet wird und sich gleichzeitig die URL ändert, wirft die Frage auf: Wird dies durch AJAX oder andere Techniken erreicht?

Die Antwort: AJAX at Play

Entgegen dem Anschein basiert dieser Effekt tatsächlich auf AJAX. Diese Art von Schiebemenü wurde ursprünglich in der iPod-Browsing-Oberfläche verwendet. Während es möglicherweise Versuche gab, ähnliche Effekte mit CSS/JS zu erzeugen, basiert der von GitHub verwendete Ansatz auf asynchronem JavaScript und XML.

Um die AJAX-Anfragen zu visualisieren, können Sie das Firebug-Tool in Firefox verwenden. Wenn Sie die Netzwerküberwachung aktivieren, können Sie Anfragen zum Abrufen der Verzeichniseinträge beobachten.

Übergangseffekt: Gleiten an Ort und Stelle

Der bei der Ordnernavigation beobachtete Übergangseffekt wird erreicht durch eine JavaScript-basierte Folienanimation. Bei dieser Technik werden CSS-Eigenschaften wie Deckkraft und Anzeige manipuliert, um einen reibungslosen Übergang zwischen der aktuellen Seite und der Zielseite zu schaffen.

Das obige ist der detaillierte Inhalt vonWie erreicht GitHub seine nahtlose Seitennavigation: AJAX oder ein CSS/JS-Trick?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!