Maison interface Web Tutoriel H5 Le stockage local Web HTML5 remplacera nos astuces du didacticiel cookies_html5

Le stockage local Web HTML5 remplacera nos astuces du didacticiel cookies_html5

May 16, 2016 pm 03:50 PM
本地存储

HTML5 nous fournit un mécanisme de mise en cache local qui remplacera nos cookies, et il ne sera pas envoyé à notre serveur avec le navigateur. Nous pouvons utiliser js pour exploiter librement le cache local côté client. Le cache en HTML5 comprend principalement localStorage et sessionStorage. Leur utilisation est cohérente. La différence est que leurs délais sont différents. Il n’y a pas de limite de temps pour localStorage. SessionStorage est basé sur le stockage des données de session. Après la fermeture ou la sortie du site Web, les données seront supprimées.

Jetons un bref aperçu de l'exemple d'opération officiel :
javascript

Copier le code
Le code est le suivant :

localStorage.fresh = "vfresh.org" ; //Définir une valeur de clé
var a = localStorage.fresh //Obtenir; la valeur clé

Ou utilisez son API :
javascript

Copier le code
Le code est le suivant :

//Effacer le stockage
localStorage.clear();
//Définir une valeur clé
localStorage.setItem(); "fresh", "vfresh .org");
//Obtenir une valeur de clé
localStorage.getItem("fresh");
//return "vfresh.org" //Obtenir le nom du key avec l'indice spécifié (comme Array)
localStorage.key(0);
//return "fresh" //Supprimer une valeur de clé
localStorage.removeItem("fresh"); c'est pareil, donc pas besoin de dire des bêtises, c'est tout à fait des Cookies avec notre délai d'expiration Expire=0

Déclaration de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Mise en cache des données et partage d'expérience de stockage local dans le développement du projet Vue Mise en cache des données et partage d'expérience de stockage local dans le développement du projet Vue Nov 03, 2023 am 09:15 AM

Mise en cache des données et partage d'expérience de stockage local dans le développement du projet Vue Dans le processus de développement du projet Vue, la mise en cache des données et le stockage local sont deux concepts très importants. La mise en cache des données peut améliorer les performances des applications, tandis que le stockage local peut permettre un stockage persistant des données. Dans cet article, je partagerai quelques expériences et pratiques d'utilisation de la mise en cache des données et du stockage local dans les projets Vue. 1. Mise en cache des données La mise en cache des données consiste à stocker les données en mémoire afin qu'elles puissent être rapidement récupérées et utilisées ultérieurement. Dans les projets Vue, il existe deux méthodes de mise en cache des données couramment utilisées :

Comment stocker et gérer des données localement dans les projets Vue Comment stocker et gérer des données localement dans les projets Vue Oct 08, 2023 pm 12:05 PM

Le stockage local et la gestion des données dans le projet Vue sont très importants. Vous pouvez utiliser l'API de stockage local fournie par le navigateur pour obtenir un stockage persistant des données. Cet article expliquera comment utiliser localStorage dans les projets Vue pour le stockage local et la gestion des données, et fournira des exemples de code spécifiques. Initialisation des données Dans le projet Vue, vous devez d'abord initialiser les données qui doivent être stockées localement. Vous pouvez définir les données initiales dans l'option data du composant Vue et vérifier si elles ont été créées via la fonction hook créée

Comment utiliser le stockage local localStorage dans la mise en œuvre d'Uniapp Comment utiliser le stockage local localStorage dans la mise en œuvre d'Uniapp Oct 21, 2023 am 09:36 AM

Comment utiliser le stockage local localStorage dans uniapp nécessite des exemples de code spécifiques Lors du développement d'applications mobiles, il est souvent nécessaire de sauvegarder certaines données dans le stockage local afin qu'elles puissent être rapidement récupérées lors de la prochaine ouverture de l'application. Dans uniapp, vous pouvez utiliser localStorage pour implémenter la fonctionnalité de stockage local. Cet article explique comment utiliser localStorage dans uniapp et fournit des exemples de code spécifiques. uniapp est un ensemble de développement multiplateforme basé sur Vue.js

Révéler les principaux usages du stockage local : quelle commodité cela nous apporte-t-il ? Révéler les principaux usages du stockage local : quelle commodité cela nous apporte-t-il ? Jan 13, 2024 pm 12:39 PM

L’objectif principal du stockage local révélé : quelles commodités nous apporte-t-il ? Dans le développement Web moderne, les développeurs front-end ont souvent besoin de stocker certaines données afin que l'état des données demeure après que l'utilisateur ferme la page. Pour résoudre ce problème, HTML5 a introduit une fonctionnalité très utile : le stockage local. Il s'agit d'une API qui stocke de manière persistante les données dans le navigateur de l'utilisateur. Elle fournit une interface de fonctionnement pratique afin que les développeurs puissent facilement stocker des données sur le front-end. Alors, local

Analyse comparative de cinq méthodes différentes de stockage local pour améliorer l'efficacité du stockage des données Analyse comparative de cinq méthodes différentes de stockage local pour améliorer l'efficacité du stockage des données Jan 13, 2024 am 08:47 AM

Améliorer l'efficacité du stockage des données : analyse comparative de cinq méthodes différentes de stockage local Introduction : À l'ère actuelle d'explosion de l'information, le stockage et la gestion des données sont devenus particulièrement importants. Dans le développement Web, nous avons souvent besoin de sauvegarder certaines données pour les utiliser dans différentes pages ou sessions. L'une des méthodes de sauvegarde de données les plus utilisées consiste à utiliser le stockage local. Localstorage est un mécanisme de stockage local fourni par HTML5 qui permet de sauvegarder de manière permanente les données dans le navigateur. il est basé sur des clés

Comment utiliser Vue pour la mise en cache des données et le stockage local Comment utiliser Vue pour la mise en cache des données et le stockage local Aug 03, 2023 pm 02:33 PM

Comment utiliser Vue pour la mise en cache des données et le stockage local Dans le développement front-end, nous devons souvent effectuer la mise en cache des données et le stockage local. En tant que framework JavaScript populaire, Vue fournit des méthodes simples et faciles à utiliser pour implémenter ces fonctions. Cet article expliquera comment utiliser Vue pour la mise en cache des données et le stockage local, et fournira des exemples de code correspondants. Mise en cache des données La mise en cache des données fait référence au stockage des données en mémoire afin qu'elles puissent être rapidement récupérées lors d'opérations ultérieures. Vue fournit un objet de cache de données global $data, nous pouvons

Vérifier si une clé existe dans le stockage local HTML5 Vérifier si une clé existe dans le stockage local HTML5 Sep 06, 2023 pm 04:53 PM

getitem(key) récupère la valeur d'un paramètre et renvoie la valeur associée à la clé. La clé donnée existe dans la liste associée à cet objet. if(localStorage.getItem("user")===null){ //...} Mais si la clé n'est pas présente dans la liste, elle transmettra la valeur nulle en utilisant le code ci-dessous Vous pouvez également donner comme ci-dessous Effectuer l'opération hors du processus -if("user"inlocalStorage){ alert('yes&amp

Stockage local et stockage de session en JavaScript Stockage local et stockage de session en JavaScript Sep 06, 2023 pm 05:41 PM

Supposons que vous créiez une application Web dans laquelle les utilisateurs peuvent consommer des médias tels que du texte ou des images. Vous souhaitez leur permettre d'écrire du texte qui sera accessible même après une actualisation de la page ou un redémarrage du navigateur. Avant l'API WebStorage, vous deviez stocker les informations sur le backend et les recharger côté client en cas de besoin. Si vous souhaitez diffuser des informations sur plusieurs navigateurs ou appareils, c'est toujours la voie à suivre. Toutefois, si vous souhaitez que les informations conservées lors des actualisations de page ou des redémarrages du navigateur soient accessibles uniquement sur le même navigateur, l'API WebStorage est un outil plus approprié. Il existe deux types d'implémentations de stockage Web appelées localStorage et sessionStorage.

See all articles