De pagina op de voorgrond hoeft geen gegevens in de database op te slaan, maar moet de gegevens doorgeven aan de volgende pagina. Hier komt de tijdelijke opslag van data om de hoek kijken. Gebruik van cache op de frontend.
Overeenkomsten:
1. De functie is hetzelfde, sessionStorage en localStorage zijn beide objecten die worden gebruikt om tijdelijke informatie op de client op te slaan.
2. Type opslaginhoud: Beide slaan string-type data op.
3. Gegevensopslagoperatie: sleutelwaarde, het gebruik van de operatie is hetzelfde.
Verschillen:
Levenscyclus:
1. sessionStorage: De levenscyclus is het huidige venster of tabblad; zodra het venster of tabblad gesloten is, wordt alle data die via sessionStorage is opgeslagen geleegd; het wordt aanbevolen sessionStroage te gebruiken voor beveiligingsoverwegingen.
（
1) Homologe beleidsbeperkingen. Om op dezelfde sessionStorage tussen verschillende pagina's te werken, moeten ze onder hetzelfde protocol, dezelfde hostnaam en dezelfde poort vallen. (IE 8 en 9 slaan data op op basis van alleen dezelfde hostnaam, waarbij protocolvereisten (HTTP en HTTPS) en poortnummervereisten worden genegeerd)
2) Limiet op één tab,In het tabblad één pagina zijn verschillende URL-adressen toegankelijk! Hier is de limiet voor één tab.。 sessionStorage-operaties zijn beperkt tot één tabblad, en sessionStorage-gegevens kunnen gedeeld worden door dezelfde pagina in dit tabblad te openen.
3) Winkel alleen lokaal. De gegevens van seesionStorage worden niet samen met het HTTP-verzoek naar de server gestuurd, het treedt alleen lokaal in werking en verwijdert de data na het sluiten van het tabblad. (Als je de herstelfunctie van Chrome gebruikt, worden ook de gegevens van seesionStorage hersteld.)
4) Opslagmethode. seesionStorage gebruikt de sleutel- en waardemethoden. De waarde moet van stringtype zijn (binnenkomende niet-strings wordt ook omgezet in een string wanneer opgeslagen). ware waarde wordt omgezet in "waar").
5) Opslaglimiet: Verschillende browsers hebben verschillende opslaglimieten, maar de meeste browsers beperken de bovengrens tot minder dan 5MB.
Toegankelijkhttp://dev-test.nemikor.com/web-storage/support-test/Test de opslaglimiet van de browser.
）
2. localStorage: De levenscyclus is permanent, wat betekent dat tenzij de gebruiker expliciet de localStorage-informatie op de door de browser aangeboden UI wist, de informatie voor altijd zal bestaan.
Informatie-uitwisseling:
Verschillende browsers kunnen geen informatie delen in localStorage of sessionStorage. Pagina's in dezelfde browser kunnen dezelfde localStorage delen (pagina's horen bij dezelfde domeinnaam en poort), maar sessionStorage-informatie kan niet worden gedeeld tussen verschillende pagina's of tabbladen. Het is belangrijk op te merken dat pagina's en tabbladen alleen vensters op topniveau zijn, en als een tabblad meerdere iframe-tags bevat en deze behoren tot dezelfde pagina, kunnen ze sessionStorage tussen hen delen.
local.storage.ts Broncode:
session.storage.ts Broncode
Vermeld in het dossier app.module.ts
Gebruikt in componenten
|
Geplaatst op 23-10-2018 10:37:13
|
|
|
|
