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, Sie haben möglicherweise einen reibungslosen Übergang beim Klicken in Ordner bemerkt. 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 gegeben hat, ä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, werden Sie beobachten, wie Anfragen zum Abrufen der Verzeichniseinträge gestellt werden.

Ü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 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!