H5 localStorage 輕量級儲存

2021-08-02 07:31:59 字數 468 閱讀 5940

瀏覽器快取資料,首先想到是cookie,可憐的4k,只能存一些小東西,稍微大點的就不行了,

h5時代已經來了,瀏覽器已經帶有websql咯,不是特別大的資料,一般不用存在websql裡,

這時可以考慮localstorage ,儲存上線5m,幾乎夠用了。

1、儲存資料

localstorage.ls_check=json.stringify(tmp);

能不能存物件還沒測試。

2、讀取資料

var cookie_check=localstorage.ls_check;

就這麼直接使用。

3、更新資料

同儲存,直接覆蓋就行了。

4、刪除資料

localstorage.removeitem("ls_check");

H5 資料儲存localStorage

doctype html html lang en head meta charset utf 8 title title title head body pre localstorage的使用 1.儲存的內容大概20mb 2.不同瀏覽器不能共享資料。但是在同乙個瀏覽器的不同視窗中可以共享資料 3....

H5 js 處理localstorage方法封裝

儲存localstorage時候最好是封裝乙個自己的鍵值,在這個值裡儲存自己的內容物件,封裝乙個方法針對自己物件進行操作。避免衝突也會在開發中更方便。var mystorage function mystorage var set function key,value mydata json.par...

H5 js 處理localstorage方法封裝

儲存localstorage時候最好是封裝乙個自己的鍵值,在這個值裡儲存自己的內容物件,封裝乙個方法針對自己物件進行操作。避免衝突也會在開發中更方便。var mystorage function mystorage var set function key,value mydata json.par...