Maison  >  Article  >  interface Web  >  Que stocke localstorage ?

Que stocke localstorage ?

百草
百草original
2023-12-14 14:15:221384parcourir

LocalStorage peut stocker plusieurs types de données, notamment des chaînes, des nombres, des valeurs booléennes, des objets, des tableaux, etc. LocalStorage est un mécanisme de stockage Web qui permet de stocker des données dans le navigateur d'un utilisateur et de les conserver sur plusieurs sessions de navigateur de l'utilisateur. Comparé aux cookies, LocalStorage dispose d'un espace de stockage plus grand et d'une période de validité plus longue, il est donc plus adapté au stockage de grandes quantités de données ou de données à long terme.

Que stocke localstorage ?

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.

LocalStorage peut stocker plusieurs types de données, notamment des chaînes, des nombres, des valeurs booléennes, des objets, des tableaux, etc. En effet, le mécanisme de stockage de LocalStorage est basé sur le type String de JavaScript, mais d'autres types de données peuvent être stockés grâce à certaines astuces et méthodes.

LocalStorage est un mécanisme de stockage Web qui permet de stocker des données dans le navigateur de l'utilisateur qui peuvent persister dans les multiples sessions de navigateur de l'utilisateur. Comparé aux cookies, LocalStorage dispose d'un espace de stockage plus grand et d'une période de validité plus longue, il est donc plus adapté au stockage de grandes quantités de données ou de données à long terme.

Dans LocalStorage, vous pouvez utiliser la méthode setItem() pour stocker les données dans des paires clé-valeur, utiliser la méthode getItem() pour obtenir les données stockées, utiliser la méthode removeItem() pour supprimer des données et utiliser la méthode clear() pour effacer toutes les données stockées. Ces méthodes sont implémentées sur la base de l'interface JavaScript Storage.

Il convient de noter que les données dans LocalStorage sont stockées sous forme de paires clé-valeur, et chaque paire clé-valeur a un nom de clé unique et une valeur correspondante. Les noms de clés et les valeurs sont tous deux des types de chaînes, mais d'autres types de données peuvent être stockés grâce à certaines astuces et méthodes. Par exemple, vous pouvez utiliser la méthode JSON.stringify() pour convertir un objet ou un tableau en chaîne à des fins de stockage, puis utiliser la méthode JSON.parse() pour reconvertir la chaîne en un objet ou un tableau à lire.

De plus, les données de LocalStorage sont persistantes et ne seront pas perdues même si le navigateur est fermé ou si l'ordinateur est redémarré. Cependant, il convient de noter que LocalStorage étant un mécanisme de stockage basé sur un navigateur, il peut être affecté par les restrictions et les politiques de sécurité du navigateur. Par exemple, certains navigateurs peuvent limiter l'espace de stockage LocalStorage ou le chiffrer.

Les cookies et LocalStorage diffèrent sur les aspects suivants :

1. Taille de stockage : la taille de stockage maximale d'un seul cookie est de 4 Ko, le stockage échoue et les informations de cookie correspondantes ne peuvent pas être trouvées dans le navigateur. ; la taille de stockage maximale de LocalStorage est de 5 m. S'il est supérieur à cette limite maximale, le navigateur affiche une erreur.

2. Période de validité : le cookie est un stockage au niveau de la session par défaut (coexistant avec la page à onglet), et le délai d'expiration peut être défini ; LocalStorage est un stockage persistant à moins qu'il ne soit activement effacé.

3. Opérabilité : les cookies stockent non seulement des données, mais possèdent également de nombreux autres attributs pour leur fonctionnement et leur configuration. Par exemple, le domaine et le chemin déterminent ensemble la portée du cookie. Si Secure est défini sur true, le cookie ne peut que le faire. Le protocole https utilisé est envoyé au serveur ; LocalStorage stocke simplement les données.

4. Portabilité : le cookie sera transporté lors de la demande, mais pas LocalStorage. Les informations sur les cookies de la même origine seront automatiquement envoyées au serveur dans le cadre de l'en-tête de la demande. Si trop de cookies sont définis, cela augmentera la charge de communication. LocalStorage n'a pas ce problème, il existera toujours du côté du navigateur.

En bref, LocalStorage est un mécanisme de stockage Web très utile qui nous aide à stocker différents types de données dans le navigateur de l'utilisateur, et ces données peuvent persister sur les multiples sessions de navigateur de l'utilisateur. Cependant, il convient de noter que LocalStorage étant un mécanisme de stockage basé sur un navigateur, il peut être affecté par les restrictions et les politiques de sécurité du navigateur. Par conséquent, son adéquation et sa sécurité doivent être soigneusement examinées lors de l’utilisation de LocalStorage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn