在頁面中有時需要將數據緩存到本地，提高用戶體驗度，筆者在此聊一聊本地緩存主要方法以及它們的區別。本地緩存主要是localStorage、sessionStorage、cookie三種方式。它們的含義與區別如下：

localStorage：是永久存儲，它是一種會一直將數據存儲在客戶端的儲存方式，即使用戶關閉了當前頁面或者說瀏覽器，再下次打開的時候仍然可以看到之前存儲的未主動清楚的數據。

sessionStorage：是臨時的會話存儲，顧名思義它是一種只要當前的會話窗口未關閉，不會隨頁面刷新，或者在編輯器中更改了代碼，而丟失存儲的信息的方式。

cookie:是服務器發送到用戶瀏覽器并保存在本地的一小塊數據，它會在瀏覽器下次向同一服務器再發起請求時被攜帶并發送到服務器上。

它們之間的區別有以下幾點：

1. 存儲大小上:cookie存儲的大小一般不能超過4k，localStorage& sessionStorage 雖然也有存儲大小的限制，但比 cookie大得多，可以達到5M或更大。

2. 存儲時間上：cookie是設置 cookie 的有效期之前，是一直生效的，與瀏覽器頁面是否關閉無關。localStorage如果不手動清除數據，數據永久有效，除非，sessionStorage數據在瀏覽器關閉之后自動清空。

3.作用域上：cookie&localStorage在所有同源窗口中數據共享，sessionStorage 不在不同的瀏覽器窗口中共享，即使是同一個頁面