如何設定LocalStorage過期時間

2022-10-08 20:12:26 字數 670 閱讀 2211

前端快取cookie、localstorage、sessionstorage 根據業務場景不同來選擇使用

老生常談的對比來說:

cookie:儲存量小。

sessionstorage:儲存週期僅僅到瀏覽器關閉,儲存量是夠了,用起來也真是夠了,無法多個tab頁共享。侷限性也很大。

localstorage::儲存量和儲存週期都夠用了,但是有些業務場景就是不想永久儲存就很尷尬。

要麼找現成的類庫處理,要麼手寫乙個,分享乙個之前工作中的一次封裝,直接上**

class store 

// 儲存

setitem(params)

let options = {};

// 合併、並處理引數

object.assign(options, initobj, params);

localstorage.setitem(options.key, json.stringify(options));

}// 取值

getitem(key) else

} else

}// 對外暴露移出快取方法

removeitem(key)

}

html之間傳值之localStorage

b.html在需要儲存資料頁面用localstorage設定資料 localstorage.setitem key,value key要用單引號或者雙引號包括著,value就是你要存的資料在需要引用資料的頁面用localstorage獲取資料 var name localstorage.getite...

060JS 本地儲存localStorage

doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title head 生命週期永久生效,除非手動刪除否則關閉頁面也...

html5本地儲存Localstorage屬性

html5中,新加入了乙個localstorage特性,這個特性主要是用來作為本地儲存來使用的。並且在ie8以上的ie版本才支援localstorage這個屬性。儲存 localstorage.setitem key value 檢索 var check localstorage.getitem k...