localstorage 本地儲存技術
本地儲存技術，「不是永久的永久儲存」
特點：
將資料儲存到瀏覽器當中
儲存的資料都是以字串的形式儲存的
和傳統的資料庫相比：
優點：
操作簡單，容易學習
資料直觀，以最常見的key:value的形式進行儲存
資料預設只可以在同源的狀態下檢視和儲存
window.localstorage 意味著storage這項技術依賴於瀏覽器。
本地儲存技術是屬於window物件的 頂層物件可以省略不寫
本地儲存和cookie的區別：
就是加強版的cookie，更加的安全，同源的狀態下才能檢視儲存的資料，訪問檔案更加的安全
本地儲存的基礎的api：
setitem('key','value')
getitem('key','value')
removeitem('key')
clear()
.length 獲取長度值
1//儲存
2 localstorage.setitem('name','admin');
3 localstorage.setitem('test',true);4
5//獲取
6 let info = localstorage.getitem('test');
7console.log(info);
89 let info = localstorage.removeitem('test')
10console.log(info);
1112 console.log(localstorage.getitem('name')); //
如果查不到內容，返回null.如果存在，返回key對應的value
1314
//獲取長度
15console.log(localstorage.length)
16//
清空17 let info =localstorage.clear();
18console.log(info)
19
本地儲存的api
1.儲存資料到本地
const info =;localstorage.setitem('key',json.stringify(info))；
2.從本地儲存拿到資料
var data =json.parse(localstorage.getitem('key'))
console.log(data);
3.本地儲存中刪除某個儲存的資料
localstorage.removeitem('key');//
刪除了key值為key的那條資料
4.刪除所有儲存的資料
localstorage.clear()//刪除所有儲存的資料
5.監聽本地儲存的變化
storage 發生變化（增加、更新、刪除）時觸發，同乙個頁面發生的改變不會觸發，之會監聽同乙個網域名稱下面其他頁面改變storage
window.addeventlistener('storage',function
(e))
localStorage 本地儲存
1 localstorage和sessionstorage一樣都是用來儲存客戶端臨時資訊的物件。2 他們均只能儲存字串型別的物件 雖然規範中可以儲存其他原生型別的物件，但是目前為止沒有瀏覽器對其進行實現 3 localstorage生命週期是永久，這意味著除非使用者顯示在瀏覽器提供的ui上清除loc...
localstorage 本地儲存
define function try catch e encode encodeuricomponent,issupportlocalstorage function if support return support catch e stringify function v return enc...
本地儲存localStorage
1.本地儲存localstorage概念 window物件下面的屬性,html5新增的，將5m大小的資料儲存本地的瀏覽器上面。2.本地儲存localstorage特點 本地儲存屬於永久儲存，除非手動刪除。html5新增的,高版本的瀏覽器支援。目前所有的瀏覽器都會把localstorage資料型別設定...