瀏覽器快取之 LocalStorage

2021-10-06 10:40:44 字數 1710 閱讀 3598

在html5中,新加入了webstorage特性,用來作為 本地儲存使用

用於解決cookie儲存空間不足的問題

webstorage分為兩類:localstorage和sessionstorage。

優勢:

1、 拓展了cookie儲存容量的限制

2、 localstorage可以將第一次請求的資料直接儲存到本地,對前端頁面來說,相當於有乙個5m大小的資料庫,與cookie相比可以節約頻寬

侷限1、 ie8以上的ie版本才支援localstorage屬性

2、 目前所有瀏覽器都會把localstorage的值型別限定為string型別,當我們要儲存物件是,應先轉換成我們可識別的字串格式(比如json格式)再進行儲存。

3、 localstorage在瀏覽器隱私模式下不可以讀取

4、 localstorage本質是對字串讀取,儲存內容過多會占用大量記憶體空間,造成頁面卡頓。

5、 localstorage不能被爬蟲抓取到

優勢:1、 拓展了cookie儲存容量的限制

2、 sessionstorage可以將請求的資料儲存到session,對前端頁面來說,相當於有乙個5m大小的資料庫,與cookie相比可以節約頻寬

sessionstorage與localstorage的區別:

localstorage屬於永久性儲存,sessionstorage在當前會話結束的時候,sessionstorage中的鍵值對會被清空

原因:localstorage儲存在客戶端本地。

sessionstorage儲存在session,瀏覽器關閉後,資料就沒有了。

//寫入a欄位

storage["a"]=1;

//寫入b欄位

storage.b="2";

//寫入c欄位

storage.setitem("c",3);

檢視local storage快取,如果存在,則新增成功

使用removeitem()命令
localstorage.removeitem('b');	//刪除key為「b」的資料

使用clear()命令
localstorage.clear();
清除成功: 將localstorage中的資料清空

sessionstorage的操作和localstorage的操作相同

只需要將local改為session即可

web快取之瀏覽器快取

所謂快取就是再copy乙份資料的副本 可能是html頁面,檔案 根據副本的存放位置不同,又可分為不同的快取策略,比如瀏覽器快取,就是將檔案儲存再客戶端,再訪問相同的url時首先檢查副本是否時最新的,如果足夠新的話,直接使用副本,不會再請求伺服器,這樣可以減少伺服器請求數量,使使用者獲得更好的體驗。瀏...

快取 瀏覽器快取

瀏覽器快取 brower caching 是瀏覽器在本地磁碟對使用者最近請求過的文件進行儲存,當訪問者再次訪問同一頁面時,瀏覽器就可以直接從本地磁碟載入文件 1 瀏覽器第一次請求時,會發出一組 http 頭,用來指導瀏覽器如何進行快取。伺服器規定乙個資源是否要進行快取,主要由響應頭中的expires...

瀏覽器快取

1.為什麼使用瀏覽器快取 以前了解的動態指令碼加速,或者動態內容快取之類,他們的原理都是避免伺服器重複計算,結果仍保留在伺服器端,這樣獲取資料還得從伺服器檢索然後傳送到使用者瀏覽器,如果我們把這些結果放在瀏覽器中,就省去了伺服器的查詢和網路傳輸,瀏覽器快取很好的實現了這個功能 2.瀏覽器快取存放在哪...