Heim >Web-Frontend >js-Tutorial >Vergleich verschiedener Möglichkeiten für das Frontend, Sitzungsinformationen zu erhalten

Vergleich verschiedener Möglichkeiten für das Frontend, Sitzungsinformationen zu erhalten

巴扎黑Original: 2017-07-18 18:24:495988Durchsuche

Während der Entwicklung stößt die Seite js häufig auf Stellen, an denen die aktuell angemeldeten Benutzerinformationen (Menüberechtigungen, grundlegende Benutzerinformationen, Konfigurationsinformationen) erforderlich sind. Im Allgemeinen ist uns die Vorgehensweise möglicherweise egal Erhalten Sie diese Informationen, aber das aktuelle Frontend wird über das Webpack gepackt. Selbst wenn die Codeaufteilung erfolgt, sind die JS- und CSS-Dateien immer noch sehr groß.

Beim Erstladen gibt es noch Raum für Optimierungen. Im Folgenden werden hauptsächlich einige Möglichkeiten zum Erhalten von Informationen vorgestellt. Die Schnittstelle verwendet simulierte Daten und die Sitzungserfassungsschnittstelle ist auf eine Verzögerung von 1 Sekunde eingestellt. Die folgenden Daten werden alle zum ersten Mal geladen, unabhängig von der 304-Situation.

php Chinesisch-Website-Lernthema: php-Sitzung (einschließlich Bilder, Videos, Fälle)

1. Nach dem Ende Programmeinstellungen, direkter JS-Code, Methode zum Schreiben globaler Variablen

Der Browser greift auf app.do zu, das Backend-Programm antwortet, ruft die Benutzerinformationen InitData ab, ruft den zurückgegebenen app.html-Text ab und schreibt die Benutzerinformationen < script> ; InitData = {user: {}}; An die entsprechende Stelle im HTML schreiben

[Problem]

a app. html-Text ---→ Kehren Sie zum Browser zurück und der Browser lädt andere statische Ressourcen ----> Der von app.do zurückgegebene HTML-Code, da die grundlegenden Informationen von Jeder Benutzer ist anders, es gibt keine Möglichkeit, den Cache-Mechanismus des Browsers 304 zu verwenden

2. Die Seite wird synchron über