前端面試之儲存問題

在瀏覽器中的儲存方式有以下幾種：

這幾種儲存方式使用在不同的場景裡，相互之間也有很多的區別。

cookie是伺服器傳送到使用者瀏覽器並儲存在本地的一小塊資料。cookie一般由後端設定，並通過response流傳送給前端並設定過期時間。

在過期之前，cookie會一直儲存在瀏覽器中，並且每次傳送http請求時都會攜帶在http請求頭中。

cookie的限制：

localstorage生命週期是永久的，所以除非使用者自己手動清除，否則就會一直儲存在使用者的瀏覽器中。

localstotage以鍵值對（key-value）的形式儲存資料，可以儲存陣列、數字、物件等可以被序列化為字串的資料。

sessionstorage操作的方法與localstorage是一樣的，區別在於sessionstorage在頁面關閉後資料就會被清除，而localstorage則會一直儲存。

重新整理頁面的時候sessionstorage不會被清除，但是開啟同域新頁面的時候不會訪問到資料。

indexdb是一種使用瀏覽器儲存大量資料的方法，它創造的資料可以被查詢，並且可以離線使用。有以下幾個特性：

1、cookie只有4k，遠小於其他幾種方式，indexdb最大

2、cookie參與與伺服器通訊，而其他幾種方式不參與

3、cookie的宣告週期一般由伺服器決定，超過時間則被清除；localstorage除非手動清除，否則一直存在；sessionstorage是頁面被關閉就會被清除；indexdb也是只能通過手動操作才能被清除

4、cookie需要注意安全性

service worker是執行在瀏覽器背後的獨立執行緒，可以理解為乙個介於客戶端和伺服器之間的乙個**伺服器。在service worker一般做以下操作：攔截客戶端的請求、向客戶端傳送訊息、向伺服器發起請求，但最主要的用途之一是離線快取資源。

service worker實現快取功能一般分為三個步驟：註冊service worker，監聽install事件，快取需要的檔案。在下次使用者訪問的時候會攔截請求的方式查詢是否存在快取，如果存在就在快取中讀取快取檔案，如果不存在就會發起請求，然後在讀取資料。