La page au premier plan n’a pas besoin de stocker les données dans la base de données, mais doit transmettre les données à la page suivante. C’est là qu’intervient le stockage temporaire des données. Utilisation du cache sur le frontend.
Similarités :
1. La fonction est la même, sessionStorage et localStorage sont tous deux des objets utilisés pour stocker des informations temporaires sur le client.
2. Type de contenu de stockage : Les deux stockent des données de type chaîne.
3. Opération de stockage des données : valeur clé, l’utilisation de l’opération est la même.
Différences :
Cycle de vie :
1. Stockage de session : Le cycle de vie correspond à la fenêtre ou onglet actuel ; une fois la fenêtre ou l’onglet fermée, toutes les données stockées via sessionStorage seront vidées, il est recommandé d’utiliser sessionStroage pour des raisons de sécurité.
（
1) Restrictions de politique homologues. Pour fonctionner sur le même SessionStorage entre différentes pages, ils doivent être sous le même protocole, le même nom d’hôte et le même port. (Par exemple, 8 et 9 stockent les données uniquement sur le même nom d’hôte, en ignorant les exigences du protocole (HTTP et HTTPS) et du numéro de port)
2) Limite à une seule languette,Dans l’onglet à page unique, différentes adresses URL sont accessibles ! Voici la limite à un seul onglet。 sessionLes opérations de stockage sont limitées à un seul onglet, et les données sessionStorage peuvent être partagées en accédant à la même page dans cet onglet.
3) Magasiner uniquement localement. Les données de seesionStorage ne sont pas envoyées au serveur avec la requête HTTP, elles ne prennent effet que localement et effacent les données après avoir fermé l’onglet. (Si vous utilisez la fonction d’onglet récupération de Chrome, les données de seesionStorage seront également restaurées.)
4) Méthode de stockage. seesionStorage utilise les méthodes clé et valeur. La valeur doit être de type chaîne (une chaîne entrante sera également convertie en chaîne lors de son stockage). La valeur vraie est convertie en « vraie »).
5) Limite de stockage : Différents navigateurs ont des limites de stockage différentes, mais la plupart limitent la limite supérieure à moins de 5 Mo.
accessiblehttp://dev-test.nemikor.com/web-storage/support-test/Testez la limite de stockage du navigateur.
）
2. localStorage : Le cycle de vie est permanent, ce qui signifie que sauf si l’utilisateur efface explicitement les informations localStorage sur l’interface utilisateur fournies par le navigateur, ces informations existeront indéfiniment.
Partage d’informations :
Différents navigateurs ne peuvent pas partager d’informations dans localStorage ou sessionStorage. Les pages du même navigateur peuvent partager le même localStorage (les pages appartiennent au même nom de domaine et au même port), mais les informations de sessionStorage ne peuvent pas être partagées entre différentes pages ou onglets. Il est important de noter que les pages et les onglets ne sont que des fenêtres de premier niveau, et si un onglet contient plusieurs balises iframe et qu’elles appartiennent à la même page, elles peuvent partager sessionStorage entre elles.
local.storage.ts Code source :
session.storage.ts Code source
Référencé dans le fichier app.module.ts
Utilisé dans les composants
|
Publié sur 23/10/2018 10:37:13
|
|
|
|
