- 本地存儲(chǔ)方式
cookie、localStorage、sessionStorage - 三種存儲(chǔ)方式的區(qū)別
cookie是網(wǎng)站為了標(biāo)示用戶身份而儲(chǔ)存在用戶本地終端(Client Side)上的數(shù)據(jù)(通常經(jīng)過加密)。
cookie數(shù)據(jù)始終在同源的http請求中攜帶(即使不需要),記會(huì)在瀏覽器和服務(wù)器間來回傳遞。
sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器,僅在本地保存。
存儲(chǔ)大小:
cookie數(shù)據(jù)大小不能超過4k。
sessionStorage和localStorage 雖然也有存儲(chǔ)大小的限制,但比cookie大得多,可以達(dá)到5M或更大。
有期時(shí)間:
localStorage 存儲(chǔ)持久數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動(dòng)刪除數(shù)據(jù);
sessionStorage 數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動(dòng)刪除。
cookie 設(shè)置的cookie過期時(shí)間之前一直有效,即使窗口或?yàn)g覽器關(guān)閉
- 關(guān)于localStorage如何存儲(chǔ)、取用對(duì)象
//存儲(chǔ)對(duì)象
localStorage.setItem(obj, JSON.stringify(obj));
// 獲取存儲(chǔ)的對(duì)象
JSON.parse(localStorage.getItem(obj))