2.javascript之緩存 localStorage 和sessionStorage之間的區別

2018-08-04

前言

今天作項目的時候遇到了這個問題，用戶登陸成功以後如何改變將登陸的連接切換爲用戶名

解決方案：使用了sessionstorage緩存 和js的onload加載事件

用戶登陸成功後使用緩存，將用戶名 設置到緩存中，而後在每一個頁面加載的時候獲取到。

localStorage、sessionStorage之間的區別

共同點：都是保存在瀏覽器端、且同源的

區別：： 

一、sessionStorage和localStorage不會自動把數據發送給服務器，僅在本地保存。’
二、sessionStorage和localStorage雖然也有存儲大小的限制，但比cookie大得多，能夠達到5M或更大 
三、數據有效期不一樣，sessionStorage：僅在當前瀏覽器窗口關閉以前有效；

　　localStorage：始終有效，窗口或瀏覽器關閉也一直保存，所以用做持久數據；
四、做用域不一樣，sessionStorage不在不一樣的瀏覽器窗口中共享，即便是同一個頁面；

　　　　　　　　localstorage在全部同源窗口中都是共享的；
五、web Storage支持事件通知機制，能夠將數據更新的通知發送給監聽者 
六、web Storage的api接口使用更方便。

 

參考連接： Cookie、session和localStorage、以及sessionStorage之間的區別