Le stockage local (localstorge) est une nouvelle spécification de HTML5. Il est également largement utilisé dans le projet. Il permet un stockage persistant des données (seulement en dessous de 5 Mo), ce qui signifie que les utilisateurs ne nettoient pas activement ou que le site Web ne nettoie pas activement. , il sera conservé en permanence dans votre appareil électronique, grâce à cette fonctionnalité, nous l'utilisons pour enregistrer de manière persistante un état spécifique. Par exemple, certaines informations se trouvent dans le centre personnel de l'utilisateur, mais leur plus gros inconvénient est qu'elles sont stockées localement, ce qui est facile à voler par des sites Web illégaux.
Session, sa caractéristique est qu'un utilisateur démarre une session lorsqu'il ouvre la page Web, et la ferme lorsque l'utilisateur ferme la page Web. De même, il peut également stocker des données. Le stockage de session (sessionstorge) est utilisé de la même manière que le stockage local. La différence est que le stockage de session est détruit après la fermeture du site Web par l'utilisateur et que l'utilisateur n'a pas besoin de le nettoyer activement. . Nous l'utilisons pour enregistrer temporairement un état spécifique, tel que le stockage des informations d'authentification sur la page de connexion de l'utilisateur, le style de la barre de navigation, etc.
Prenons ici localstore comme exemple (le stockage local est davantage utilisé, le stockage de session est moins utilisé)
localstore.setItem("key","value") est stocké dans le stockage local, puis obtient la valeur correspondante via la valeur clé via la méthode getItem("key"), removeItem("key") Cette méthode peut supprimer des données . clear() efface le stockage local
Le stockage local est visible sur la console, par exemple, certaines données stockées localement sur mon ordinateur par csdn
stockage de session
Alors, que se passe-t-il lorsque je quitte csdn ?
Le stockage de la session a été effacé. Le stockage local sera également effacé lorsque je fermerai le site Web pour stocker des informations provenant d'autres sites Web.
Prenons toujours localstorge comme exemple, il peut stocker des tableaux sous forme de chaînes, nous utilisons JSON.stringify() pour stocker des tableaux dans un stockage local, tel que
let numArr=[1,"abc",true]
localstorge.setItem("num",JSON.stringify(numArr))
console.log(localstorge)Supprimez ce tableau à l'aide de la méthode JSON.parse(), telle que
let takeArr=JSON.parse(localstorge.getItem("num"))
console.log(takeArr)