沒事聊聊本地儲存 web storage

2021-10-10 11:08:12 字數 942 閱讀 1960

我發現好多同學對 h5 的本地儲存是個一知半解的狀態,而這有時面試或工作中必須掌握的知識點,所以今天藉著閒暇時間整理一下相關的知識,希望可以幫助需要的同學。

web storage機制是對h4中 cookies 機制的一次公升級 ,解決了一系列 cookies 的缺點。比如

而web storage 儲存機制,可以在客戶端本地建立乙個資料庫,將原來儲存在伺服器端的資料轉存到本地,從而大大減輕伺服器的負擔,提高訪問速度。

web storage 就是在 web 上儲存資料,它可以分為兩種:sessionstorage 與 localstorage

將資料儲存在 session 物件中,所謂 session 就是哈使用者在瀏覽某**時,從進入**到瀏覽器關閉所經過的這段時間。session 物件儲存著這段時間所要求儲存的任何資料。

//儲存資料:

sessionstorage.

setitem

(key, value)

;// 讀取資料

var sessiondata = sessionstorage.

gettem

(key)

;

將資料儲存在客戶端本地的硬體裝置中,即使瀏覽器關閉了,該資料仍然存在。

//儲存資料:

localstorage.

setitem

(key, value)

;// 讀取資料

var localdata = localstorage.

gettem

(key)

;

注意⚠️:儲存時不允許重複儲存相同的鍵名,儲存後可以修改鍵值,但不允許修改鍵名。只能重新取鍵名,然後再儲存鍵值。

這兩者的區別就是 sessionstorage 為臨時儲存,而 localstorage 為永久儲存。

Web 本地儲存和Vue本地儲存例項

資料的設定和讀取比較方便。容量較大,sessionstorage大約為5mb,localstorage大約為20mb。只能儲存字串,若想要儲存json物件,則可以使用window.json.stringify 或者parse 進行序列化和反序列化編碼 sessionstorage的儲存週期只有一次會...

android 本地儲存

android的本地儲存分為以下幾種 來自官方 shared preferences 儲存鍵值對 internal storage 私有資料到記憶體 external storage 公共資料 外部儲存 sqlite databases 資料庫儲存 network connection 網路儲存 s...

localStorage 本地儲存

1 localstorage和sessionstorage一樣都是用來儲存客戶端臨時資訊的物件。2 他們均只能儲存字串型別的物件 雖然規範中可以儲存其他原生型別的物件,但是目前為止沒有瀏覽器對其進行實現 3 localstorage生命週期是永久,這意味著除非使用者顯示在瀏覽器提供的ui上清除loc...