摘要:維護瀏覽器和服務器端會話狀態的一種方式,一般用于保存用戶身份信息。服務器端生成推送到瀏覽器端,瀏覽器負責保存和維護數據。
Cookie
維護瀏覽器和服務器端會話狀態的一種方式,一般用于保存用戶身份信息。
服務器端生成Cookie推送到瀏覽器端,瀏覽器負責保存和維護數據。
特點
域名下的所用請求都會帶上Cookie
每條Cookie限制在4KB左右
Cookie在過期時間之前一直有效,若未設置過期時間,關閉瀏覽器窗口即失效
服務端通過響應頭中的set-cookie向瀏覽器寫入cookie,瀏覽器端可以通過document.cookie讀寫cookie(若一條Cookie在響應頭中設置了HttpOnly標識,瀏覽器將無法獲取和操作該條Cookie)
WebStorageWebStorage —— 瀏覽器本地存儲方案,包括SessionStorage和LocalStorage
兩者的差異在存儲周期上,使用方法上無差異
SessionStorage限制在頁面內的單次本地存儲
特點
僅在當前頁面有效
關閉頁面或者瀏覽器窗口后失效
LocalStorage限制在同源內的持久本地存儲
特點
遵循同源策略
除非手動清除,否則一直保存在本地
共同特性存儲大小
一般存儲空間為5MB左右,桌面端Chrome40+,FireFox34+,IE9+默認調整至10MB(本地測試結果與此相矛盾),部分瀏覽器可由用戶手動調整上限。
StackOverflow - 關于計算LocalStorage上限
錯誤處理
同步讀寫,通過try...catch捕獲錯誤信息。如下捕獲超限錯誤
try { localStorage.setItem(data.name, JSON.stringify(data)); } catch(domException) { if (domException.name === "QuotaExceededError" || domException.name === "NS_ERROR_DOM_QUOTA_REACHED") { // Fallback code comes here. } }
存儲格式
數據以字符串格式存儲,對象寫入時需使用JSON.stringify轉換為字符串,再使用JSON.parse轉換為對象。
IndexedDB大量數據的結構化存儲
特點
遵循同源策略
除非手動清除,否則一直保存在本地
存儲空間大,一般為250MB
主鍵對應值存儲,比如以ID為主鍵存儲對應數據
支持各類存儲格式,甚至是二進制數據(Blob)
異步存儲,禁止在頁面reload時做批量存儲
Web SQL非官方規范,目前已棄用
Application Cache應用緩存(又稱 AppCache)可讓開發人員指定瀏覽器應緩存哪些文件以供離線用戶訪問。即使用戶在離線狀態下按了刷新按鈕,您的應用也會正常加載和運行。
利用應用緩存,保證離線情況下正常使用,減少網絡請求,加快訪問速度
大部分瀏覽器對緩存數據容量的限制時5MB
應用緩存初級使用指南
簡易說明
庫localForage - 封裝IndexedDB, WebSQL, localStorage,提供統一API
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100444.html
摘要:讀一遍文檔后的個人總結,重點在于整理語義化標簽的定義規范,記錄各種部件容易被忽略的特性。結構化,通過標簽先后順序和嵌套語法給樹提供基礎。標簽列表基于個人理解即非官方描述,給標簽劃分為結構化標簽語義化標簽功能化標簽,文檔標簽。 讀一遍MDN文檔后的個人總結,重點在于整理語義化標簽的定義規范,記錄各種部件容易被忽略的特性。 關于HTML HTML的作用可以簡單總結為結構化、語義化和提供基礎...
摘要:本文主要是我自己對的一些整理,參考自,其中的分類有些不準確之處,還望見諒的基本屬性屬性的一些方法增刪改查基礎功能增刪改查基礎功能增刪改刪除數組的第一個元素刪除數組的最后一個元素在數組的開頭一個或多個元素,在數組的末尾增加一個或者多個元素數組 本文主要是我自己對Array的一些整理,參考自MDN,其中的分類有些不準確之處,還望見諒 Array const arr = [1, 2, 3, ...
摘要:為了實現文字環繞效果,規范規定的措施是使父容器塌陷,元素脫離文檔流浮動產生,元素周圍的內容轉換為圍繞元素排列。 選擇器注意點 屬性選擇器 [attr^=value] - 開頭或全等 [attr$=value] - 結尾或全等 [attr*=value] - 包含值 [attr~=value] - 字符串包含 選擇器組 A > B - 直接子節點 A + B - 下一個兄弟節點 A...
閱讀 3236·2021-11-24 10:43
閱讀 4197·2021-11-24 10:33
閱讀 3770·2021-11-22 09:34
閱讀 2125·2021-10-11 10:58
閱讀 3731·2021-10-11 10:58
閱讀 859·2021-09-27 13:36
閱讀 3579·2019-08-30 15:54
閱讀 2965·2019-08-29 18:41