Diese Reihe von Artikeln lernt hauptsächlich HTML5-bezogene Wissenspunkte, nimmt die Lern-API-Wissenspunkte als Einstiegspunkt und führt Beispiele von flach bis tief, damit jeder verstehen kann, was H5 Schritt für Schritt tun kann und wie man sie in den tatsächlichen Projekten rational verwendet, um die Nutzungsfreiheit zu erreichen, und o (∩_∩) O ~ O ~ O ~ O ~ O ~ O ~ O ~ O ~ O ~ O ~ O ~ O ~ O ~ O.
1. Öffnungsanalyse
Okay, ohne viel Unsinn zu sagen, gehen wir direkt zum heutigen Thema. Heute sprechen wir hauptsächlich über die Geschichte der Geschichte und ihre Rolle in einseitigen Anwendungen und führen ein praktisches Beispiel als Prototyp-Beispiel für die Erklärung ein. Werfen wir zuerst einen Blick auf die Geschichte der Geschichte:
Um die Reaktionsgeschwindigkeit von Webseiten zu verbessern, haben immer mehr Entwickler begonnen, einseitige Anwendungslösungen zu übernehmen. Die sogenannte einseitige Struktur bezieht sich darauf, dass beim Wechsel zwischen mehreren Seiten die gesamte Seite nicht aktualisiert wird, die Seitungsdaten Daten aktualisiert und die URL in der Adressleiste entsprechend geändert wird, damit Benutzer diese URL freigeben können.
Wenn Sie Browser wie Chrome oder Firefox verwenden, um github.com, plus.google.com, zu besuchen, werden Sie sorgfältig feststellen, dass Klicks zwischen den Seiten asynchron über AJAX angefordert werden.
Gleichzeitig hat sich die URL der Seite geändert. Und es kann den Browser vorwärts und rückwärts sehr gut unterstützen. Was hat so mächtige Funktionen? Nun, das wird über den heutigen Protagonisten sprechen. HTML5 zitiert eine neue API:
history.pusstate und history.replacestate werden verwendet, um die Seiten -URL ohne Aktualisierung dieser Schnittstelle zu ändern. Schauen wir uns die detaillierten Methoden der Verlaufsschnittstelle an:
Kopieren Sie den Code