說明
對瀏覽器來說，使用 web storage 儲存鍵值對比儲存 cookie 方式更直觀，而且容量更大，它包含兩種：localstorage 和 sessionstorage
localstorage（長期儲存） ：與 sessionstorage 一樣，但是瀏覽器關閉後，資料依然會一直存在
apisessionstorage 和 localstorage 的用法基本一致，引用型別的值要轉換成json
儲存資料到本地
const info = ;
sessionstorage.setitem(『key』, json.stringify(info));
localstorage.setitem(『key』, json.stringify(info));
從本地儲存獲取資料
var data1 = json.parse(sessionstorage.getitem(『key』));
var data2 = json.parse(localstorage.getitem(『key』));
本地儲存中刪除某個儲存的資料
sessionstorage.removeitem(『key』);
localstorage.removeitem(『key』);
刪除所有儲存的資料
sessionstorage.clear();
localstorage.clear();
監聽本地儲存的變化
storage 發生變化（增加、更新、刪除）時的 觸發，同乙個頁面發生的改變不會觸發，只會監聽同一網域名稱下其他頁面改變 storage
window.addeventlistener(『storage』, function (e) )
web本地儲存
localstorage sessionstorage localstorage 長期儲存 資料依然會一直存在 手動清除 1.儲存資料到本地 sessionstorage.setitem email gengwenx yeah.net localstorage.setitem email gengw...
web本地儲存
隨著網際網路的快速發展，基於網頁的應用越來越普遍，同時也變的越來越複雜，為了滿足各種各樣的需求，會經常性在本地儲存大量的資料，傳統方式我們以 document.cookie來進行儲存的，但是由於其儲存大小只有4k左右，並且解析也相當的複雜，每一次傳送請求都會攜帶上cookie，會造成頻寬的浪費，給開...
web本地儲存
web storage是html5裡面引入的乙個類似於cookie的本地儲存功能，可以用於客戶端的本地儲存，其相對於cookie來說有以下幾點優勢 可選擇性強 語法非常簡單 儲存資料 localstorage.setitem key,value sessionstorage.setitem key,...