Общие пункты между SessionStorage, LocalStorage и Cookie:
Все они сохраняются в браузере и имеют одинаковое происхождение.
Различия между SessionStorage, LocalStorage и Cookie:
Данные cookie всегда переносятся в одном и одном из HTTP-запросе (даже если не требуется), то есть файлы cookie передаются взад-вперед между браузером и сервером. SessionStorage и LocalStorage не будут автоматически отправлять данные на сервер и будут сохранены только локально. Данные cookie также имеют концепцию пути (путь), которая может ограничить файлы cookie от принадлежности к определенному пути.
Предел размера хранения также отличается. Данные cookie не могут превышать 4K. В то же время, поскольку файлы cookie несут каждый HTTP -запрос, файлы cookie подходят только для хранения очень небольших данных, таких как идентификаторы сеансов. SessionStorage и LocalStorage также имеют ограничения размера хранения, но намного больше, чем файлы cookie, и могут достигать 5 м или больше.
Период достоверности данных отличается. SessionStorage: Действительно только до того, как текущее окно браузера будет закрыто, поэтому, естественно, невозможно сохранить; LocalStorage: всегда действителен, и окно или браузер закрывается, поэтому он используется в качестве постоянных данных; Файлы cookie действуют только до тех пор, пока не закроется время истечения сетки cookie, даже если окно или браузер не закроется.
Различные области, SessionStorage не совместно используется в разных окнах браузера, даже на одной странице; LocalStorage используется во всех гомологичных окнах; Cookie Fials используется во всех гомологичных окнах.
Веб -хранилище поддерживает механизмы уведомления о событиях, которые могут отправлять уведомления об обновлениях данных слушателям.
Интерфейс API Web Storage более удобен в использовании.
Метод инкапсулированного локального уровня может контролировать количество хранимых данных и времени
define (function (require) {var $ = require ('jquery'); var cache = {}; function support () {var _t =! (typeof window.localStorage === 'не определено'); return _t;} $. LocalStorage: window.localStorage, memqueue: (function () {if (support ()) {var jsonstr = window.localstorage.getitem ('lruconfig'); return jsontr? url) {if (true == Поддержка () {var = appid + ':' + url; this.memqueue.keys [Key] .life /1000; var _O = / this.LocalStorage.RemoveItem (lrukey); (memqueue.objs.length> = this.config.size) {var lrukey = this.getlru (); this.memqueue.objs.length; this.lru (ключ); = memqueue.objs; _o [i] .time = (key == _o [i] .key)? Date (). GetTime (), 'Life': (new Date ()). GetTime ()}; S.Times) {return -1; nation.memque.objs. });Как использовать
var cache = require ('cache'); // set value cache.cache.set ('ip', 'собственный URL', value); // Получить значения cache.cache.get ('ip')