Le contexte de l’origine du stockage local

En raison des limitations de la taille, du format et du format de stockage des données des cookies à l'ère HTML4, si une application de site Web souhaite stocker certaines informations de l'utilisateur du côté du navigateur, elle ne peut utiliser que des cookies. Cependant, ces limitations des cookies signifient que les cookies ne peuvent stocker que des données simples telles que des identifiants tels que des identifiants.

Voici les limitations des cookies :

La plupart des navigateurs prennent en charge les cookies jusqu'à 4 096 octets.

Les navigateurs limitent également le nombre de cookies qu'un site peut stocker sur l'ordinateur d'un utilisateur. La plupart des navigateurs n'autorisent que 20 cookies par site ; si vous essayez de stocker plus de cookies, les cookies les plus anciens sont supprimés.

Certains navigateurs imposent également une limite absolue au nombre total de cookies qu'ils accepteront de tous les sites, généralement 300.

Les cookies seront envoyés au serveur backend avec les requêtes HTTP par défaut, mais toutes les requêtes ne nécessitent pas de cookies. Par exemple, les requêtes js, css, images, etc. ne nécessitent pas de cookies.

Afin de briser une série de limitations de Cookie, HTML5 peut stocker directement de grandes quantités de données sur le navigateur client via la nouvelle API de JS et prend en charge des bases de données locales complexes, rendant JS plus efficace. HTML5 prend en charge deux types de WebStorage :

Stockage local permanent (localStorage)

Stockage local au niveau de la session (sessionStorage)

Vérifiez si localStorage est pris en charge :

<!DOCTYPE html>
<html>
<head> 
    <meta charset="utf-8"> 
    <title>php中文网</title> 
</head>
<body>
<div id="result"></div>
<script>
    if(window.localStorage){     alert("浏览支持localStorage") }else{    alert("浏览暂不支持localStorage") } //或者 if(typeof window.localStorage == 'undefined'){ alert("浏览暂不支持localStorage") }
</script>
</body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网</title> </head> <body> <div id="result"></div> <script> if(window.localStorage){ alert("浏览支持localStorage") }else{ alert("浏览暂不支持localStorage") } //或者 if(typeof window.localStorage == 'undefined'){ alert("浏览暂不支持localStorage") } </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Le contexte de l’origine du stockage local

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]