HTML本地儲存和離線儲存

2022-08-26 09:36:10 字數 682 閱讀 5211

1.本地儲存——web storage

2.本地儲存——indexeddb

3.本地儲存的擴充套件介紹

5.總結

1.儲存大小限制,僅4kb左右

2.單個網域名稱下的數量限制,50個左右

3.汙染請求頭,浪費流量

1.相同的使用方法

2.不同的儲存時效

3.不同的儲存容量

1.使用setitem方法設定儲存內容

2.使用getitem方法獲取儲存內容

3.使用removeitem方法刪除儲存內容

4.使用clear方法清除所有的內容

5.使用length屬性獲取儲存內容個數

6.使用key方法獲取儲存字段

localstorage儲存會持久化

sessionstorage儲存會在網頁會話結束後失效

localstorage容量一般在2-5mb左右

sessionstorage儲存容量不一,部分瀏覽器不限制

1.cookie的作用是與伺服器進行互動,作為http規範的一部分而存在 ,而web storage僅僅是為了在本地「儲存」資料而生。

2.每次你請求乙個新的頁面的時候cookie都會被傳送過去,這樣無形中浪費了頻寬

3.cookie的大小是受限的

1.注意儲存容量超出配額——丟擲quotaexceederror異常。

HTML 本地儲存

在html5當中,新增了很多的儲存方式,這裡我先介紹兩種,方便我們的使用和操作,具體新加入了乙個localstorage特性,這個特性主要是用來作為本地儲存來使用的,解決了cookie儲存空間不足的問題,localstorage中一般瀏覽器支援的是5m大小,這個在不同的瀏覽器中localstorag...

Web 本地儲存和Vue本地儲存例項

資料的設定和讀取比較方便。容量較大,sessionstorage大約為5mb,localstorage大約為20mb。只能儲存字串,若想要儲存json物件,則可以使用window.json.stringify 或者parse 進行序列化和反序列化編碼 sessionstorage的儲存週期只有一次會...

本地儲存和離線快取的作用和區別

前端的儲存方式有 localstorage sessionstorage cookie userdata websql indexeddb html5離線儲存等。各個儲存方式有各自的優缺點,本文我們來 一下不同儲存的功能及區別。在h5之前,儲存主要用的是cookie。cookie會隨著每次http請...