亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

【芝士整理】瀏覽器存儲(chǔ)

whlong / 3168人閱讀

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

Cookie

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

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

特點(diǎn)

域名下的所用請(qǐng)求都會(huì)帶上Cookie

每條Cookie限制在4KB左右

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

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

WebStorage

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

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

SessionStorage

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

特點(diǎn)

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

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

LocalStorage

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

特點(diǎn)

遵循同源策略

除非手動(dòng)清除，否則一直保存在本地

共同特性

存儲(chǔ)大小

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

StackOverflow - 關(guān)于計(jì)算LocalStorage上限

錯(cuò)誤處理

同步讀寫，通過try...catch捕獲錯(cuò)誤信息。如下捕獲超限錯(cuò)誤

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.
  }
}

存儲(chǔ)格式

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

IndexedDB

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

特點(diǎn)

遵循同源策略

除非手動(dòng)清除，否則一直保存在本地

存儲(chǔ)空間大，一般為250MB

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

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

異步存儲(chǔ)，禁止在頁(yè)面reload時(shí)做批量存儲(chǔ)

Web SQL

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

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

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

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

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

簡(jiǎn)易說明

庫(kù)

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/100444.html

相關(guān)文章

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

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

    stonezhu 評(píng)論0 收藏0

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

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

    MoAir 評(píng)論0 收藏0

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

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

    iOS122 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<