H5之localStorage,sessionStorage

在之前的時候也據說過一些h5緩存技術,具體也沒有去使用過,就在前兩三個禮拜我用了localStorage和sessionStorage這兩個存儲方式,

我使用這些存儲技術,也是想減小訪問服務器的請求,緩解服務器的壓力,當時後面發現咱們的項目並不適用,經過此次的使用,也知道不能亂用;

在經過一個域名下能夠狀況這些數據;

我下面總結下我遇到的問題(手機端):

1.清除緩存的使用不要使用sessionStorage.clear('鍵名'),使用sessionStorage.removeItem('鍵名');

2.若是刷新頁面要從新請求接口數據(數據會變化的),不適合把接口請求的數據存儲在使用sessionStorage和localStorage,要是請求的數據不變,就能夠存起來,刷新後,不從服務器獲取數據,直接從,緩存中讀取;

3.使用這sessionStorage或者localStorage,存儲數據,要是爲非字符串的數據,要進行數據序列化,即JSON.stringify(),讀取數據時要反序列化,即JSON.parse();

4. 這些存儲數據有大小限制;