Poin Umum Antara Sesi, LocalStorage dan Cookie:
Mereka semua disimpan di browser dan memiliki asal yang sama.
Perbedaan Antara Sesi Sesi, LocalStorage dan Cookie:
Data cookie selalu dibawa dalam permintaan HTTP asal-asal (bahkan jika tidak diperlukan), yaitu cookie dilewati bolak-balik antara browser dan server. SessionStorage dan LocalStorage tidak akan secara otomatis mengirim data ke server dan hanya akan disimpan secara lokal. Data cookie juga memiliki konsep jalur (jalur), yang dapat membatasi cookie dari milik ke jalur tertentu.
Batas ukuran penyimpanan juga berbeda. Data cookie tidak dapat melebihi 4K. Pada saat yang sama, karena cookie dilakukan setiap permintaan HTTP, cookie hanya cocok untuk menyimpan data yang sangat kecil, seperti pengidentifikasi sesi. SessionStorage dan LocalStorage juga memiliki batasan ukuran penyimpanan, tetapi jauh lebih besar dari cookie dan dapat mencapai 5m atau lebih besar.
Periode validitas data berbeda. SessionStorage: Hanya valid sebelum jendela browser saat ini ditutup, sehingga secara alami tidak mungkin untuk bertahan; LocalStorage: Selalu valid, dan jendela atau browser ditutup, sehingga digunakan sebagai data yang persisten; Cookie hanya berlaku sampai waktu kedaluwarsa cookie yang ditetapkan, bahkan jika jendela atau browser ditutup.
Lingkup yang berbeda, SesiStorage tidak dibagikan di jendela browser yang berbeda, bahkan pada halaman yang sama; LocalStorage dibagikan di semua jendela homolog; Cookie dibagikan di semua jendela homolog.
Penyimpanan Web mendukung mekanisme pemberitahuan acara, yang dapat mengirim pemberitahuan pembaruan data kepada pendengar.
Antarmuka API Web Storage lebih nyaman digunakan.
Metode LocalStorage yang dienkapsulasi dapat mengontrol jumlah data yang disimpan dan waktu
define (fungsi (membutuhkan) {var $ = membutuhkan ('jQuery'); var cache = {}; dukungan fungsi () {var _t =! (Typeof window.localstorage === 'tidak terdefinisi'); return _t;} $ .Extend (Cache, {{config: {size: 5, / /Lifetime: 86 Lifetime: 86 Second (Cache, {{config: {size: 5, / /Lifetime: 86 Lifetime: 86 Seconds (Seconds, {{{size: 5, / /Lifetime: 86 localstorage: window.localstorage, memeueue: (function () {if (support ()) {var jsonstr = window.localstorage.getItem ('lruconfig'); return jsonstr? json.parse (jsonstr): {keys: {}, objs: []} {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ Fungsi (URL) {if (true == ()) {var key = appid + ':' + url this.memqueue.keys [Key] .Life /1000; {var _o = this.memqueue.objs [i]; This.localStorage [KEY]; (lrukey) {this.localstorage.removeItem (lrukey); selain itu (this.memqueue.objs.length> = this.config.size) {var lrukey = this.getlru () = I <this.memqueue.objs.length; lruled this.lru (kunci); // lru mengakhiri this.localstorage.setitem ('lruconfig', json.stringify (this.memqueue)); {var _o = memue.objs; // Mulailah menghitung kunci yang akan dihilangkan, // Ini adalah waktu terbesar. _O [i] .kimis + 1; 0, waktu ': (tanggal baru ()). GetTime (),' Life ': (new Date ()). GetTime ()}; if (f.time> s.times) {return -1; _to; null;}});Cara menggunakan
var cache = membutuhkan ('cache'); // set value cache.cache.set ('ip', 'url Anda sendiri', nilai); // Dapatkan nilai cache.cache.get ('ip')