徹底搞懂Html5本地儲存技術(一)

2022-05-13 06:30:00 字數 2189 閱讀 8503

1、 cookies

cookies的應用比較廣泛,但有以下幾個問題:

(1)每次http請求頭上會帶著,浪費資源

(2)每個網域名稱客戶端只能儲存4k大小 

(3)會造成主domain汙染

(4)cookies明文傳輸很不安全

2、userdata(只有ie支援)

3、其他非主流方案

二、h5相關的儲存知識

1、本地儲存webstorage (localstorage & sessionstorage)

瀏覽器支援情況

(1)生命週期

(2)api(ls和ss相同)

(3)儲存型別及大小

(4)storage事件

webstorage發生改變時觸發storage事件

(5)使用注意事項12

3456

78910

1112

1314

functionset(key,vel)) );

}

functionget(key,exp)else

}

特別注意:

webstorage雖好但是並不是用來完全替代cookies,它應該用在原本不應該用cookies但是不得已用了cookies的情況下。

有webstorage後cookie應只做它應該做的事情——作為客戶端與伺服器互動的通道,保持客戶端狀態。

1、 cookies

cookies的應用比較廣泛,但有以下幾個問題:

(1)每次http請求頭上會帶著,浪費資源

(2)每個網域名稱客戶端只能儲存4k大小 

(3)會造成主domain汙染

(4)cookies明文傳輸很不安全

2、userdata(只有ie支援)

3、其他非主流方案

二、h5相關的儲存知識

1、本地儲存webstorage (localstorage & sessionstorage)

瀏覽器支援情況

(1)生命週期

(2)api(ls和ss相同)

(3)儲存型別及大小

(4)storage事件

webstorage發生改變時觸發storage事件

(5)使用注意事項12

3456

78910

1112

1314

functionset(key,vel)) );

}

functionget(key,exp)else

}

特別注意:

webstorage雖好但是並不是用來完全替代cookies,它應該用在原本不應該用cookies但是不得已用了cookies的情況下。

有webstorage後cookie應只做它應該做的事情——作為客戶端與伺服器互動的通道,保持客戶端狀態。

HTML5本地儲存

align center html5本地儲存 align b 1.1概述 b html5 儲存是基於鍵值對的。資料儲存在乙個鍵裡,訪問資料時可以根據同樣的鍵獲得上次儲存的資料。鍵是乙個字串。而資料則可以是任何型別的js基本資料型別,包括字串,boolean,整數,和浮點數。需要注意的是,這些資料在儲...

html5 本地儲存

前言 最近在做專案時遇到了需要將資料儲存在使用者瀏覽器本地的需求,經過查詢了解到了web storage,通過學習初步掌握了web storage,以下是一些關於web storage的知識和用法,記憶力較差發布在csdn備忘。1 什麼是html5本地儲存?通過web storage web應用程式...

html5 本地儲存

最近一直在學習 html5,為了後期的專案進行知識儲備。html5 相對於 html4 新增加了一些有趣的標籤 屬性和方法,今天主要介紹下 html5 的本地儲存。html5 提供了兩種在客戶端儲存資料的新方法 兩個方法用法完全一樣,下面就以localstorage為例。早期我們都是使用cookie...