https://juejin.cn/post/6879767341941882887

sessionSorage的使用

儲存物件的方法有很多，sessionStorage屬性算是其中一個，用的較多。sessionStorage 屬性允許在瀏覽器中儲存 key/value 對的資料。

• 儲存資料

//1.儲存json物件，通過JSON.stringify()將物件轉換為文字格式
sessionStorage.setItem('currentRowData', JSON.stringify(row))
//2、資料
sessionStorage.setItem("key", "value"); 
複製程式碼

• 獲取資料

//1、讀取時，通過JSON.parse()將文字轉換回物件。
sessionStorage.getItem('currentRowData'JSON.parse(rowData));
//2、資料，通過key獲取值
sessionStorage.getItem("key");
複製程式碼

sessionStorage、localStorage、cookie區別

• 首先來說cookie吧，儲存在瀏覽器上，如果不在瀏覽器中設定過期時間，cookie被儲存在記憶體中，生命週期隨瀏覽器的關閉而結束，這種cookie簡稱會話cookie。如果在瀏覽器中設定了cookie的過期時間，cookie被儲存在硬碟中，關閉瀏覽器後，cookie資料仍然存在，直到過期時間結束才消失。
• WebStorage包括sessionStorage和localStorage，這兩個是儲存在伺服器上的。
• 儲存大小區別：單個cookie儲存的資料不能超過4kb，localStorage和sessionStorage的儲存資料大小一般都是：5MB
• 對於sessionStorage和localStorage，localStorage的生命週期是永久的，關閉頁面或瀏覽器之後localStorage中的資料也不會消失。localStorage除非主動刪除資料，否則資料永遠不會消失，sessionStorage關閉瀏覽器後資料就會消失。

cookie、localStorage和sessionStorage適用場景

cookie

• 判斷使用者是否登陸過網站，以便下次登入時能夠實現自動登入（或者記住密碼）。如果我們刪除cookie，則每次登入必須從新填寫登入的相關資訊。

• 儲存上次登入的時間等資訊。

• 儲存上次檢視的頁面

• 瀏覽計數

sessionStorage和localStorage（session機制）

• 網上商城中的購物車

• 儲存使用者登入資訊

• 將某些資料放入session中，供同一使用者的不同頁面使用

• 防止使用者非法登入