成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

【芝士整理】瀏覽器存儲

whlong / 3149人閱讀

摘要：維護(hù)瀏覽器和服務(wù)器端會話狀態(tài)的一種方式，一般用于保存用戶身份信息。服務(wù)器端生成推送到瀏覽器端，瀏覽器負(fù)責(zé)保存和維護(hù)數(shù)據(jù)。

Cookie

維護(hù)瀏覽器和服務(wù)器端會話狀態(tài)的一種方式，一般用于保存用戶身份信息。

服務(wù)器端生成Cookie推送到瀏覽器端，瀏覽器負(fù)責(zé)保存和維護(hù)數(shù)據(jù)。

特點(diǎn)

域名下的所用請求都會帶上Cookie

每條Cookie限制在4KB左右

Cookie在過期時間之前一直有效，若未設(shè)置過期時間，關(guān)閉瀏覽器窗口即失效

服務(wù)端通過響應(yīng)頭中的set-cookie向?yàn)g覽器寫入cookie，瀏覽器端可以通過document.cookie讀寫cookie（若一條Cookie在響應(yīng)頭中設(shè)置了HttpOnly標(biāo)識，瀏覽器將無法獲取和操作該條Cookie）

WebStorage

WebStorage —— 瀏覽器本地存儲方案，包括SessionStorage和LocalStorage

兩者的差異在存儲周期上，使用方法上無差異

SessionStorage

限制在頁面內(nèi)的單次本地存儲

特點(diǎn)

僅在當(dāng)前頁面有效

關(guān)閉頁面或者瀏覽器窗口后失效

LocalStorage

限制在同源內(nèi)的持久本地存儲

特點(diǎn)

遵循同源策略

除非手動清除，否則一直保存在本地

共同特性

存儲大小

一般存儲空間為5MB左右，桌面端Chrome40+，F(xiàn)ireFox34+，IE9+默認(rèn)調(diào)整至10MB（本地測試結(jié)果與此相矛盾），部分瀏覽器可由用戶手動調(diào)整上限。

StackOverflow - 關(guān)于計(jì)算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.
  }
}

存儲格式

數(shù)據(jù)以字符串格式存儲，對象寫入時需使用JSON.stringify轉(zhuǎn)換為字符串，再使用JSON.parse轉(zhuǎn)換為對象。

IndexedDB

大量數(shù)據(jù)的結(jié)構(gòu)化存儲

特點(diǎn)

遵循同源策略

除非手動清除，否則一直保存在本地

存儲空間大，一般為250MB

主鍵對應(yīng)值存儲，比如以ID為主鍵存儲對應(yīng)數(shù)據(jù)

支持各類存儲格式，甚至是二進(jìn)制數(shù)據(jù)(Blob)

異步存儲，禁止在頁面reload時做批量存儲

Web SQL

非官方規(guī)范，目前已棄用

Application Cache 
應(yīng)用緩存（又稱 AppCache）可讓開發(fā)人員指定瀏覽器應(yīng)緩存哪些文件以供離線用戶訪問。即使用戶在離線狀態(tài)下按了刷新按鈕，您的應(yīng)用也會正常加載和運(yùn)行。

利用應(yīng)用緩存，保證離線情況下正常使用，減少網(wǎng)絡(luò)請求，加快訪問速度

大部分瀏覽器對緩存數(shù)據(jù)容量的限制時5MB

應(yīng)用緩存初級使用指南

簡易說明

庫

localForage - 封裝IndexedDB, WebSQL, localStorage，提供統(tǒng)一API

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/100444.html

相關(guān)文章

  • 【芝士整理】HTML的標(biāo)簽們

    摘要：讀一遍文檔后的個人總結(jié)，重點(diǎn)在于整理語義化標(biāo)簽的定義規(guī)范，記錄各種部件容易被忽略的特性。結(jié)構(gòu)化，通過標(biāo)簽先后順序和嵌套語法給樹提供基礎(chǔ)。標(biāo)簽列表基于個人理解即非官方描述，給標(biāo)簽劃分為結(jié)構(gòu)化標(biāo)簽語義化標(biāo)簽功能化標(biāo)簽，文檔標(biāo)簽。 讀一遍MDN文檔后的個人總結(jié)，重點(diǎn)在于整理語義化標(biāo)簽的定義規(guī)范，記錄各種部件容易被忽略的特性。 關(guān)于HTML HTML的作用可以簡單總結(jié)為結(jié)構(gòu)化、語義化和提供基礎(chǔ)...

    stonezhu 評論0 收藏0

  • 【前端芝士樹】Array的屬性及方法整理（參照MDN）

    摘要：本文主要是我自己對的一些整理，參考自，其中的分類有些不準(zhǔn)確之處，還望見諒的基本屬性屬性的一些方法增刪改查基礎(chǔ)功能增刪改查基礎(chǔ)功能增刪改刪除數(shù)組的第一個元素刪除數(shù)組的最后一個元素在數(shù)組的開頭一個或多個元素，在數(shù)組的末尾增加一個或者多個元素?cái)?shù)組 本文主要是我自己對Array的一些整理，參考自MDN，其中的分類有些不準(zhǔn)確之處，還望見諒 Array const arr = [1, 2, 3, ...

    MoAir 評論0 收藏0

  • 【芝士整理】CSS基礎(chǔ)圖譜

    摘要：為了實(shí)現(xiàn)文字環(huán)繞效果，規(guī)范規(guī)定的措施是使父容器塌陷，元素脫離文檔流浮動產(chǎn)生，元素周圍的內(nèi)容轉(zhuǎn)換為圍繞元素排列。 選擇器注意點(diǎn) 屬性選擇器 [attr^=value] - 開頭或全等 [attr$=value] - 結(jié)尾或全等 [attr*=value] - 包含值 [attr~=value] - 字符串包含 選擇器組 A > B - 直接子節(jié)點(diǎn) A + B - 下一個兄弟節(jié)點(diǎn) A...

    iOS122 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<