Die Seite im Vordergrund muss keine Daten in der Datenbank speichern, sondern die Daten an die nächste Seite weitergeben. Hier kommt die temporäre Datenspeicherung ins Spiel. Nutzung des Caches im Frontend.
Gemeinsamkeiten:
1. Die Funktion ist gleich, sessionStorage und localStorage sind beide Objekte, die zur Speicherung temporärer Informationen im Client verwendet werden.
2. Speicherinhaltstyp: Beide speichern String-Typ-Daten.
3. Datenspeicheroperation: Key-Value, der Operationsverbrauch ist gleich.
Unterschiede:
Lebenszyklus:
1. sessionStorage: Der Lebenszyklus ist das aktuelle Fenster oder der Tab. Sobald das Fenster oder der Tab geschlossen ist, werden alle über sessionStorage gespeicherten Daten gelöscht; es wird empfohlen, sessionStroage aus Sicherheitsgründen zu verwenden.
（
1) Homologe Richtlinienbeschränkungen. Um auf demselben SessionStorage zwischen verschiedenen Seiten zu arbeiten, müssen sie unter demselben Protokoll, demselben Hostnamen und demselben Port liegen. (IE 8 und 9 speichern Daten ausschließlich basierend auf demselben Hostnamen und ignorieren Protokoll- (HTTP- und HTTPS-) sowie Portnummern-Anforderungen.)
2) Ein-Tab-Limit,Im Einzelseiten-Tab können verschiedene URL-Adressen aufgerufen werden! Hier ist das Ein-Tab-Limit。 sessionStorage-Operationen sind auf einen einzigen Tab beschränkt, und sessionStorage-Daten können geteilt werden, indem man auf dieselbe Seite in diesem Tab aufgrifft.
3) Nur lokal einkaufen. Die Daten von seesionStorage werden nicht zusammen mit der HTTP-Anfrage an den Server gesendet, sie wirken nur lokal und löschen die Daten nach dem Schließen des Tabs. (Wenn du die Wiederherstellungsfunktion von Chrome verwendest, werden auch die Daten von seesionStorage wiederhergestellt.)
4) Speichermethode. seesionStorage verwendet die Schlüssel- und Wertmethoden. Der Wert muss vom String-Typ sein (ein eingehender Nicht-String wird ebenfalls in einen String umgewandelt, wenn er gespeichert wird). Wahrer Wert wird in "wahr" umgewandelt).
5) Speicherlimit: Verschiedene Browser haben unterschiedliche Speichergrenzen, aber die meisten Browser begrenzen das obere Limit auf weniger als 5 MB.
Barrierefreihttp://dev-test.nemikor.com/web-storage/support-test/Teste das Speicherlimit des Browsers.
）
2. localStorage: Der Lebenszyklus ist permanent, was bedeutet, dass die Informationen, sofern der Benutzer die localStorage-Informationen nicht explizit auf der vom Browser bereitgestellten Benutzeroberfläche löscht, für immer existieren.
Informationsaustausch:
Verschiedene Browser können Informationen in localStorage oder sessionStorage nicht teilen. Seiten im selben Browser können denselben localStorage nutzen (Seiten gehören zum gleichen Domainnamen und Port), aber sessionStorage-Informationen können nicht zwischen verschiedenen Seiten oder Tabs geteilt werden. Es ist wichtig zu beachten, dass Seiten und Tabs nur Top-Level-Fenster sind, und wenn ein Tab mehrere iFrame-Tags enthält und sie zur gleichen Seite gehören, können sie sessionStorage zwischen ihnen teilen.
local.storage.ts Quellcode:
session.storage.ts Quellcode
In der Akte app.module.ts referenziert
Verwendung in Bauteilen
|
Veröffentlicht am 23.10.2018 10:37:13
|
|
|
|
