1. Vorwort:
Die clientseitige Speicherung ist eigentlich die Speicherfunktion des Webbrowsers, die Daten über die API des Browsers auf der Festplatte speichert.
2. Verschiedene Formen von Speicher:
1. Webspeicher: localStorage und sessionStorage stellen dasselbe Speicherobjekt dar – der persistente Index ist eine Zeichenfolge und der Wert ist auch ein Array von Zeichenfolgen
Die beiden haben einen unterschiedlichen Wert Die Speichergültigkeitsdauer ist unterschiedlich und andere sind grundsätzlich gleich. Die Bereiche liegen auf Dokumentquellenebene und können nicht domänenübergreifend abgerufen werden Dokumente desselben Ursprungs; es können Daten abgerufen oder überschrieben werden;
sessionStorage: Der Gültigkeitsbereich ist auf das Fenster oder die Registerkarte beschränkt und alle Daten werden gelöscht, nachdem die Registerkarte geschlossen wurde.
Beide können wie gewöhnliche js behandelt werden. Verwenden Sie Objekte, um Daten über .key oder [key] festzulegen und abzurufen. Der neue Browser bietet auch eine formale API:
SetItem(): Legen Sie das entsprechende fest Name und Wert in der Form localStorage.setItem( "x",1);
getItem(): Übergeben Sie den Namen, um den entsprechenden Wert in der Form zu erhalten: localStorage.getItem("x" );
RemoveItem(): Übergeben Sie den Namen, löschen Sie die entsprechenden Daten; Clear(): Löschen Sie alle gespeicherten Daten.
Key(): Wird in Verbindung mit der Länge verwendet, um alle Namen aufzulisten : for(var i=0;i
2. Cookie: Cookie-Daten werden automatisch zwischen dem Webbrowser und dem Webserver übertragen, sodass Serverskripte auf dem Client gespeicherte Cookie-Werte lesen und schreiben können;
Cookie-Einschränkungen: Jeder Webserver kann nicht mehr als 20 Cookies speichern, die von jedem Cookie gespeicherten Daten dürfen 4 KB nicht überschreiten; 3. Client-Datenbank (html5 ): IndexedDB: eine Objektdatenbank; neue Versionen von Chrome und Firefox; 4. Dateisystem (HTML5): Sie können das lokale Dateisystem zum Lesen und Schreiben von Dateien und Verzeichnissen verwenden; des Chrome-Browsers implementiert dies
