Vor kurzem habe ich die HTML5-Geschichte von Vue-Router gesehen und dann übrigens die HTML5-Geschichte untersucht.
1. Geschichte.PushstateHistory.pusstate (Staat, Titel, URL);
Der erste und zweite Parameter oben kann leer sein, hauptsächlich der dritte Parameter, der die Adresse des neuen historischen Datensatzes angibt. Aktuelle URL
2. Geschichte.ReplacestateGeschichte.Replacestate (Staat, Titel, URL);
Window.History.Replacestate ist ähnlich wie bei Windows.history.pushstate. zum Datensatzpunkt hinzugefügt.
A. window.onpopstateKommen Sie und hören Sie sich die Änderungen der URL an
Window.addeventListener (popstate, function () {varcrentState = history.state;/** Programm, das nach Auslösen des Ereignisses ausgeführt werden soll*/});JavaScript wird window.histortory.pusstate und window.history.replacestate ausgeführt.
Die Reaktion von Google Browser und Firefox -Browser auf der Seite ist zum ersten Mal auf der Seite unterschiedlich.
Viertens ist ein Beispiel für den HTML5-Modus, der Vue-Router ähnelt. <! style.css> <style type = text/css> .container-BG {Breite: 1000px; : 30px; <body> <div class = container-bg> <ul class = pagination> <li> 1 </li> <li> 2 </li> <li> 3 </ul> </ul> </ul> < /ul> </ul> </ul> </ul> ul class = ptting> </ul> </div> <script type = text/javaScript src = js/jQuery-3.2.1.min.js> < /script> <script type = text/javaScript> history y.replacestate (null, Seitentitel, http: //127.0.0.0.1: 3000/lmw/0); SearchObject = {};/ *Dieses Objekt wird verwendet, um die URL des Pushstate als folgenden zu speichern. /lmw/0: 0: 0}/var faktor = function () {var addva = document.href; Abfrage == undefiniert? +++++ Abfrage, Funktion (Daten) {var data2 = json.Parse (data); > '+data2.data [i] .Name+' </li> '} $ ('. Ptting '). function () {var query = $ (this) .Index (); = 0; , http://127.0.0.1:3000/lmw/++); : 3000/lmw/+qury] = Abfrage})})}) // das Popstate -Ereignis auslösen, wenn der Browser vorwärts geht oder zurückzieht}); >Veröffentlichen Sie übrigens einen Servercode in node.js.
Var fs = request ('fs') var path = reques ('path') var express = request = request ('expression') var app = express (); ); var router = express.router (); Res.json (text.tostring ())} catch (err) {res.send ('haha! Dummes, no pull!)}) App.use (Router) App.Listen (3000)Hinweis: History.pusstate ({pageIndex: 1}, http://127.0.0.1:3000/lmw/+Query) Der dritte Parameter schreibt hier einen vollständigen absoluten Pfad, wenn er als relativ geschrieben wird, wird der Pfad hinzugefügt. Die unbegrenzte URL als Abfrage, da der relative Weg die aktuelle URL sein muss
Der Server wird mit Data0.json, Data1.json, Data2.json platziert, um die Datenbank zu simulieren, um Daten zu erhalten. und dann an das vordere Ende senden
Das oben genannte History -Modus in der von Xiaobian vorgestellten HTML5. Ich hoffe, dass es für alle hilfreich ist. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!