Detaillierte Erläuterung von Lokalstorage von HTML5

LocalStorage verfügt über zwei APIs im Browser: LocalStorage und SessionStorage, die in Fensterobjekten vorhanden sind: LocalStorage entspricht Window.LocalStorage und SessionStorage entspricht window.SessionStorage.

Der Unterschied zwischen LocalStorage und SessionStorage ist hauptsächlich auf sein Überleben zurückzuführen.

 LocalStorage.setItem (b, isaac); Der Schlüsselname ist hier der Blocalstorage.RemoveItem (B);

Die Rolle der Funktion hier bezieht sich auf: Wie man die Lokalstorung zwischen verschiedenen Seiten isoliert (Sie können Tencent's LocalStorage auf Baidus Seite, Hahaha, nicht lesen).

LocalStorage kann dieselben Lokalstorage -Daten so lange lesen/ändern wie das gleiche Protokoll, denselben Hostnamen und denselben Port.

SessionStorage ist strenger als LocalStorage.

LocalStorage ist theoretisch dauerhaft und effektiv, dh nicht verschwinden, wenn die Initiative nicht erfasst wird. Es ist jedoch zu beachten, dass LocalStorage im Webview des Browsers auf mobilen Geräten oder in der von jeder nativen App verwendeten Webview unzuverlässig ist. ) Klar.

Die Überlebenszeit von SessionStorage ähnelt, wie der Name schon sagt, der Sitzung, solange der Browser ausgeschaltet ist (einschließlich der Registerkarte Browser), wird er gelöscht. Da die Überlebenszeit von SessionStorage zu kurz ist, ist das Anwendungsszenario sehr begrenzt, aber andererseits ist es nicht einfach, abnormale Bedingungen und zuverlässiger zu haben.

LocalStorage ist ein Standard-Datentyp des Schlüsselwertpaares (Schlüsselwert (KV). kann es leicht unterstützen. Zum Beispiel: Konvertieren Sie das Objekt in die JSON -Zeichenfolge, um das Bild in DataUrl (Base64) umzuwandeln, um das Bild zu speichern. Darüber hinaus ist für die Art des Schlüsselwerts für den Datentyp auch der einzige Merkmal des Schlüssels sehr wichtig.

Leider unterstützt LocalStorage die Einstellungszeit nativ nicht.

 Funktionset (Schlüssel, Wert) {var curtime = new Date (). Sequenz} Funktion get (Schlüssel, exp) // Exp ist die Einstellung der Einstellung {var value = localStorage.getItem (Schlüssel); JSON -Objekt if (neues Datum (). GetTime () -Dataobj.time> exp) // Wenn die aktuelle Zeit -minus das zum Zeitpunkt der Zeit festgelegte Speicherelement> abgelaufen Ablauf} else {console.log (value =+dataObj.val);}}

Derzeit ist die Branche im Grunde genommen zu 5 m einheitlich, was viel größer ist als die 4K von Keksen und spart ein wenig wildes Jahr.

Aufgrund der Sicherheitsstrategie des Browsers kann LocalStorage weder eine Kreuzung sein, noch kann der Sub -Domain -Name die Lokalstor -Daten des übergeordneten Domainnamens erben.

In der aktuellen Browserumgebung ist Lokalstor nicht vollständig stabil. Ich persönlich denke, dass LocalStorage nur eine Optimierungsmethode zur Lokalisierung von Ressourcen ist. Die abnormale Verarbeitung von Lokalstorage wird im Allgemeinen verwendet, um Abnormalitäten mit Versuch/Fang zu erfassen/zu verarbeiten.

Der aktuelle allgemeine Ansatz besteht darin, zu erkennen, ob das Fenster. Daher schlage ich vor, dass Sie feststellen können, ob der Browser Lokalstorage durch Setzen/Erhalten von Testdaten in der Versuchs-/Fangstruktur unterstützt.

Das Ressourcen -Lokalspeicher- und Ressourcen -Session -Speicherfeld in den Chrome -Entwickler -Tools finden Sie in lokalen Storage -Daten unter dem aktuellen Domänennamen.

Wenn setItem () manchmal auf dem iPhone/iPad festgelegt wird, erscheint dies zu diesem Zeitpunkt in der seltsamen Quota_Exceed_err.

store.js

Mozilla/Localfarage

Lokalfont

Das oben genannte Erläuterungen von HTML5, die von Xiaobian vorgestellt wurden, wird für alle hilfreich sein, wenn Sie Fragen haben. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!