一：什么是本地存儲

數據存儲在用戶瀏覽器中，用戶設置、讀取方便，同時頁面刷新時不會丟失數據。存儲在瀏覽器中數據約5M，分為sessionStorage和localStorage兩種存儲方式

二：localStorage存儲

作用

將數據永久存儲在本地（用戶電腦），除非手動刪除，否則關閉頁面也會存在存儲的數據

特性

以鍵值對的形式存儲

可以在同一瀏覽器中多頁面共享存儲數據

使用語法規范

//存儲數據
localStorage.setItem(key,value)
//移除數據
localStorage.removeItem(key,value)
//獲取數據
localStorage.getItem(key)

注：存儲的數據都會轉變字符型數據，因為本地存儲只能存取字符串；即使存儲的是數值型、對象、數組等數據類型

三：sessionStorage存儲

特性：

• 生命周期為關閉瀏覽器窗口時停止
• 在未關閉瀏覽器窗口的前提下，可以在同一個頁面下共享數據
• 以鍵值對形式存儲使用
• 語法規范同localStorage相同

四：存儲復雜數據類型

由于本地存儲只能存取字符串，所以即使是聲明對象也無法將對象存儲到瀏覽器中；因此，只能將對象轉換成JSON形式存儲

1 存語法格式（轉換為JSON字符串）

localStorage.setItem(key,JSON.stringify(value))

2 將JSON字符串轉換為對象

JSON.parse(待轉化的字符串)

不光是對象，類似的數組也是需要這樣轉換

案例：

    const obj = {uname: 'orange',age: 18}localStorage.setItem('year', JSON.stringify(obj))const str = localStorage.getItem('year')console.log(JSON.parse(str));