---本地儲存 (JSON反序列化)

當web伺服器向瀏覽器傳送網頁後，連結關閉，則會遺忘使用者所有資料資訊，想要記住使用者資訊就需要本地儲存

----cookie ---localStorage ---sessionStorage

cookie : 93年出現，弊端：大小、數量受限制，預設情況下每一條資料會發送到伺服器，針對cookie的缺陷，html5出現了localStorage和sessionStorage

localStorage（localStorage和sessionStorage屬性、方法相同的）

localStorage：是一種沒有時間限制的資料儲存方式，關閉瀏覽器也不會消失，除非手動刪除(永久生命週期)

sessionStorage： 階段、會話：網頁開啟——網頁關閉 （階段生命週期）

localStorage的方法： 傳入獲取的值都是string檢視本地資料長度

• 檢視本地資料長度

localStorage.length在偵錯程式的application中檢視

• 新增（這兩個都可以新增，選其中一個用即可）

localStorage.setItem("name","zhangsan");
localStorage.setItem("name","lisi");//只能新增一條，再新增就會覆蓋之前的，比如lisi會覆蓋zhangsan
  
localStorage.name="lisi";//也只能新增一條

let obj ={
   name:'zhangsan'
   password:123
}
let str = JSON.stringify(obj);//str{'name':'zhangsan'  'password':'123'}
localStorage.setItem('key',str)//key{'name':'zhangsan'  'password':'123'}

• 獲取 (後臺獲取) 2種方法　

1.localStorage.getItem('key') //key{'name':'zhangsan'  'password':'123'}
let result = JSON.parse(localStorage.getItem('key'))
  //result={
   name:'zhangsan'
   password:123
  }
 2.localStorage.key

• 刪除

localStorage.removeItem()

• 清空

localStorage.clear();