Häufige Punkte zwischen SessionStorage, LocalStorage und Cookies:
Sie sind alle im Browser gerettet und haben den gleichen Ursprung.
Unterschiede zwischen SessionStorage, LocalStorage und Cookies:
Cookie-Daten werden immer in der HTTP-Anforderung gleichermaßen (auch nicht erforderlich) übertragen, d. H. Cookies werden zwischen dem Browser und dem Server weiter übergeben. SessionStorage und LocalStorage senden Daten nicht automatisch an den Server und werden nur lokal gespeichert. Cookie -Daten haben auch das Konzept des Pfades (Pfad), das Cookies von einem bestimmten Pfad beschränken kann.
Die Speichergrößengrenze ist ebenfalls unterschiedlich. Die Cookie -Daten können 4K nicht überschreiten. Gleichzeitig eignen sich Cookies, da Cookies jede HTTP -Anfrage übertragen werden, nur für die Speicherung von sehr kleinen Daten wie Sitzungskennungen geeignet. SessionStorage und LocalStorage haben auch Einschränkungen der Speichergrößen, sind jedoch viel größer als Cookies und können 5 m oder größer erreichen.
Die Datengültigkeitsdauer ist unterschiedlich. SessionStorage: Nur gültig, bevor das aktuelle Browserfenster geschlossen ist, ist es natürlich unmöglich, bestehen zu bleiben. Lokalstor: Immer gültig, und das Fenster oder Browser schließt, sodass es als anhaltende Daten verwendet wird. Cookies sind nur bis zur Ablaufzeit des Kekse ausgestattet, auch wenn das Fenster oder Browser schließt.
SessionStorage in verschiedenen Scopes wird nicht in verschiedenen Browserfenstern freigegeben, selbst auf derselben Seite. LocalStorage wird in allen homologen Fenstern geteilt. Cookies werden in allen homologen Fenstern geteilt.
Webspeicher unterstützt Ereignisbenachrichtigungsmechanismen, mit denen Benachrichtigungen über Datenaktualisierungen an die Hörer gesendet werden können.
Die API -Schnittstelle des Web Storage ist bequemer zu verwenden.
Die eingekapselte lokale Storage -Methode kann die Anzahl der gespeicherten Daten und die Zeit steuern
Define (function (require) {var $ = required ('jQuery'); var cache = {}; Funktionsunterstützung () {var _t =! (Typeof Window.LocalStorage === 'undefined'); return _t;} $ .extend (cache {config: {config: {size: 5, // Lifetime: 86400 // Sekunden. Lokalstor: window.localstorage, memQueue: (function () {if (support ()) {var JSONSON = window.localstorage.getItem ('lRuconfig'); Funktion (appid) {if (true ==) {var key = appid + ':' + url; this.memqueue.keys [Schlüssel] .Life /1000; {var _o = this.memqueue.objs [i]; }}, set: function (appid, url, value) {if (true == support ()) {var key = appid + ':' + url; this.localstorage.removeItem (lrukey); (this.memqueue.objs.Length> = this.config.size) {var lrukey = this.getLru (); this.memqueue.obJs.Length; this.lru (Schlüssel); = memqueue.objs; _o [i] .Time = (key == _o [i] .Key)? Date (). S.Times) {return -1; this.memqueue.objs.push (_to); });Wie man benutzt
var cache = required ('cache'); // value cache.cache.set ('ip', 'deine eigene url', value); // value cache.cache.get ('ip') festlegen.