（轉）緩存

https://www.cnblogs.com/belove8013/p/8134067.html

2、localStorage

一、什麼是localstorage？

在HTML5中，新加入了一個localStorage特性，這個特性主要是用來作爲本地存儲來使用的，解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間爲4k)，localStorage中一般瀏覽器支持的是5M大小，這個在不同的瀏覽器中localStorage會有所不同。

二、localstorage的優勢與侷限

localStorage的優勢

1、 localStorage拓展了cookie的4K限制

2、 localStorage會可以將第一次請求的數據直接存儲到本地，這個相當於一個5M大小的針對於前端頁面的數據庫，相比於cookie可以節約帶寬，但是這個卻是只有在高版本的瀏覽器中才支持的

localStorage的侷限

1、 瀏覽器的大小不統一，並且在IE8以上的IE版本才支持localStorage這個屬性

2、 目前所有的瀏覽器中都會把localStorage的值類型限定爲string類型，這個在對我們日常比較常見的JSON對象類型需要一些轉換

3、 localStorage在瀏覽器的隱私模式下面是不可讀取的

4、 localStorage本質上是對字符串的讀取，如果存儲內容多的話會消耗內存空間，會導致頁面變卡

5、 localStorage不能被爬蟲抓取到

localStorage與sessionStorage的唯一一點區別就是localStorage屬於永久性存儲，而sessionStorage屬於當會話結束的時候，sessionStorage中的鍵值對會被清空

這裏要特別說明一下localStorage的使用也是遵循同源策略的，所以不同的網站直接是不能共用相同的localStorage

注意：存儲進去的是int類型，但是打印出來卻是string類型，這個與localStorage本身的特點有關，localStorage只支持string類型的存儲。

瀏覽器緩存機制：

將已經請求的web資源（html,js,圖片，數據，url）存到本地瀏覽器的緩存文件夾中
如果再次訪問同樣的url時，瀏覽器就會使用本地緩存裏面的資源
作用：
1.減少請求次數，降低服務器的壓力
2.減少網絡傳輸時間，可以更快的打開網頁和圖片，用戶體驗更好
3.可以作爲解決重複登錄的方案，把登錄後的用戶信息保存到緩存中去check，但是換個瀏覽器就會再次登錄。

但是緩存的web資源的使用是要有限制條件的，這些限制條件由http 請求頭和html頁面中的meta標籤中設置。