前端快取之本地快取

之前說了http快取，今天說說本地快取。本地快取也是平時開發過程經常用的。

本地快取就簡單多了，我們常用的有三個：cookie、localstorage、sessionstorage。

cookie：一般用來儲存使用者資訊，每次請求的時候內容都會自動被傳遞給伺服器。不同瀏覽器對於cookie的大小並不統一，一般都是4-10kb。cookie可以設定時效。注意，cookie比較浪費頻寬，不建議寫入太多內容，這也是前端效能優化的一點。

localstorage：localstorage會把內容一直存在瀏覽器，直到清除瀏覽器的快取。注意，沒有清除瀏覽器快取，資料會永久儲存在瀏覽器。localstorage一般在5m左右。

sessionstorage：跟localstorage一樣，只不過sessionstorage的生命週期跟同源視窗有關，就是說當前同乙個源下面的只要有乙個視窗沒關或者跳到另外的視窗，sessionstorage都會存在。sessionstorage大小也是5m左右。

上面三個是最常用的，還有乙個session比較常用，這個是後台伺服器設定的，我們只要了解session是後台注入後台使用，按理來說session沒有大小限制。從安全性來說，session比cookie安全。

瀏覽器還提供了兩個資料庫，websql和indexdb,websql已經被w3c廢棄，這兩個類似資料庫，原諒本人從來沒用過，也不被推薦使用，所以感興趣的可以自行去了解。