Heim Web-Frontend H5-Tutorial Der lokale HTML5-Webspeicher ersetzt unsere Cookies_HTML5-Tutorial-Tipps

Der lokale HTML5-Webspeicher ersetzt unsere Cookies_HTML5-Tutorial-Tipps

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

HTML5 stellt uns einen lokalen Caching-Mechanismus zur Verfügung, der unsere Cookies ersetzt und nicht mit dem Browser an unseren Server gesendet wird. Wir können js verwenden, um den lokalen Cache auf der Clientseite frei zu betreiben. Der Cache in HTML5 umfasst hauptsächlich localStorage und sessionStorage. Ihre Verwendung ist konsistent. Der Unterschied besteht darin, dass ihre Fristen unterschiedlich sind. Für localStorage gibt es keine zeitliche Begrenzung. SessionStorage basiert auf der Speicherung von Sitzungsdaten. Nach dem Schließen oder Verlassen der Website werden die Daten gelöscht.

Werfen wir einen kurzen Blick auf die offizielle Beispieloperation:
Javascript

Code kopieren
Der Code lautet wie folgt:

localStorage.fresh = „vfresh.org“; //Legen Sie einen Schlüsselwert fest
var a = localStorage.fresh; der Schlüsselwert

Oder verwenden Sie seine API:
Javascript

Code kopieren
Der Code lautet wie folgt:

//Speicher löschen
localStorage.clear();
//Schlüsselwert festlegen
localStorage.setItem( "fresh", "vfresh .org");
//Holen Sie sich einen Schlüsselwert
localStorage.getItem("fresh");
//return "vfresh.org" //Holen Sie sich den Namen des Schlüssel mit dem angegebenen Index (wie Array)
localStorage.key(0);
//return „fresh“ //Löschen eines Schlüsselwerts
localStorage.removeItem(“fresh“); ist das Gleiche, es besteht also kein Grund, Unsinn zu reden, es sind ganz Cookies mit unserer Ablaufzeit Expire=0;
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Daten-Caching und lokaler Speicher-Erfahrungsaustausch bei der Vue-Projektentwicklung Daten-Caching und lokaler Speicher-Erfahrungsaustausch bei der Vue-Projektentwicklung Nov 03, 2023 am 09:15 AM

Daten-Caching und lokaler Speicher-Erfahrungsaustausch bei der Vue-Projektentwicklung

So speichern und verwalten Sie Daten lokal in Vue-Projekten So speichern und verwalten Sie Daten lokal in Vue-Projekten Oct 08, 2023 pm 12:05 PM

So speichern und verwalten Sie Daten lokal in Vue-Projekten

Enthüllen Sie die Hauptverwendungszwecke von localstorage: Welchen Komfort bringt es uns? Enthüllen Sie die Hauptverwendungszwecke von localstorage: Welchen Komfort bringt es uns? Jan 13, 2024 pm 12:39 PM

Enthüllen Sie die Hauptverwendungszwecke von localstorage: Welchen Komfort bringt es uns?

Vergleichende Analyse von fünf verschiedenen Arten der lokalen Speicherung zur Verbesserung der Datenspeichereffizienz Vergleichende Analyse von fünf verschiedenen Arten der lokalen Speicherung zur Verbesserung der Datenspeichereffizienz Jan 13, 2024 am 08:47 AM

Vergleichende Analyse von fünf verschiedenen Arten der lokalen Speicherung zur Verbesserung der Datenspeichereffizienz

So verwenden Sie den lokalen Speicher localStorage in der Uniapp-Implementierung So verwenden Sie den lokalen Speicher localStorage in der Uniapp-Implementierung Oct 21, 2023 am 09:36 AM

So verwenden Sie den lokalen Speicher localStorage in der Uniapp-Implementierung

So verwenden Sie Vue für Daten-Caching und lokale Speicherung So verwenden Sie Vue für Daten-Caching und lokale Speicherung Aug 03, 2023 pm 02:33 PM

So verwenden Sie Vue für Daten-Caching und lokale Speicherung

Überprüfen Sie, ob im lokalen HTML5-Speicher ein Schlüssel vorhanden ist Überprüfen Sie, ob im lokalen HTML5-Speicher ein Schlüssel vorhanden ist Sep 06, 2023 pm 04:53 PM

Überprüfen Sie, ob im lokalen HTML5-Speicher ein Schlüssel vorhanden ist

Lokaler Speicher und Sitzungsspeicher in JavaScript Lokaler Speicher und Sitzungsspeicher in JavaScript Sep 06, 2023 pm 05:41 PM

Lokaler Speicher und Sitzungsspeicher in JavaScript

See all articles