在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.瀏覽器快取存放在哪...