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

2018-08-04

前言

今天做項目的時候遇到了這個問題，用戶登錄成功之后如何改變將登錄的鏈接切換為用戶名

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

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

localStorage、sessionStorage之間的區別

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

區別：： 

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

　　localStorage：始終有效，窗口或瀏覽器關閉也一直保存，因此用作持久數據；
4、作用域不同，sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個頁面；

　　　　　　　　localstorage在所有同源窗口中都是共享的；
5、web Storage支持事件通知機制，可以將數據更新的通知發送給監聽者 
6、web Storage的api接口使用更方便。

 

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