資訊專欄INFORMATION COLUMN
摘要：和雖然也有存儲(chǔ)大小的限制，但比大得多，可以達(dá)到或更大支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。有時(shí)也用，指某些網(wǎng)站為了辨別用戶身份，進(jìn)行跟蹤而存儲(chǔ)在本地終端上的數(shù)據(jù)，通常經(jīng)過(guò)加密。
Web Storage介紹 Web Storage帶來(lái)的好處
減少網(wǎng)絡(luò)流量：一旦數(shù)據(jù)保存在本地后，就可以避免再向服務(wù)器請(qǐng)求數(shù)據(jù)，因此減少不必要的數(shù)據(jù)請(qǐng)求，減少數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來(lái)回傳遞?？焖亠@示數(shù)據(jù)
性能好，從本地讀數(shù)據(jù)比通過(guò)網(wǎng)絡(luò)從服務(wù)器獲得數(shù)據(jù)快得多，本地?cái)?shù)據(jù)可以即時(shí)獲得。再加上網(wǎng)頁(yè)本身也可以有緩存，因此整個(gè)頁(yè)面和數(shù)據(jù)都在本地的話，可以立即顯示。
臨時(shí)存儲(chǔ)：很多時(shí)候數(shù)據(jù)只需要在用戶瀏覽一組頁(yè)面期間使用，關(guān)閉窗口后數(shù)據(jù)就可以丟棄了，這種情況使用sessionStorage非常方便
essionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。sessionStorage和localStorage雖然也有存儲(chǔ)大小的限制，但比cookie大得多，可以達(dá)到5M或更大
Web Storage 支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。Web Storage 的 api 接口使用更方便
Web StorageHTML5 提供了兩種在客戶端存儲(chǔ)數(shù)據(jù)的新方法==localStorage==和==sessionStorage==
localStorage
用于本地存儲(chǔ)一個(gè)會(huì)話（session）中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀
sessionStorage
用于持久化的本地存儲(chǔ)，除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的
用途：將value存儲(chǔ)到key字段
用法：.setItem( key, value)
代碼示例：
sessionStorage.setItem("key", "value"); localStorage.setItem("site", "js8.in");
getItem獲取value
用途：獲取指定key本地存儲(chǔ)的值
用法：.getItem(key)
代碼示例：
var value = sessionStorage.getItem("key"); var site = localStorage.getItem("site");
removeItem刪除key
用途：刪除指定key本地存儲(chǔ)的值
用法：.removeItem(key)
代碼示例：
sessionStorage.removeItem("key"); localStorage.removeItem("site");
clear清除所有的key/value
用途：清除所有的key/value
用法：.clear()
代碼示例：
sessionStorage.clear(); localStorage.clear();sessionStorage和localStorage的有效期和數(shù)據(jù) 作用域
作用域不同，sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個(gè)頁(yè)面；localStorage 在所有同源窗口中都是共享的
有效期數(shù)據(jù)有效期不同，sessionStorage：僅在當(dāng)前瀏覽器窗口關(guān)閉前有效，自然也就不可能持久保持；localStorage：始終有效，窗口或?yàn)g覽器關(guān)閉也一直保存，因此用作持久數(shù)據(jù)
cookie介紹cookies：
存儲(chǔ)在用戶本地終端上的數(shù)據(jù)。有時(shí)也用cookies，指某些網(wǎng)站為了辨別用戶身份，進(jìn)行session跟蹤而存儲(chǔ)在本地終端上的數(shù)據(jù)，通常經(jīng)過(guò)加密。一般應(yīng)用最典型的案列就是判斷注冊(cè)用戶是否已經(jīng)登過(guò)該網(wǎng)站
cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶（即使不需要），即cookie在瀏覽器和服務(wù)器間來(lái)回傳遞；cookie數(shù)據(jù)還有路徑（path）的概念，可以限制cookie只屬于某個(gè)路徑下。存儲(chǔ)大小限制也不同，cookie數(shù)據(jù)不能超過(guò)4k，同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie，所以cookie只適合保存很小的數(shù)據(jù)，如會(huì)話標(biāo)識(shí)
#### cookies 使用
cookies 需要一個(gè)簡(jiǎn)單是靜態(tài)服務(wù)器來(lái)做開發(fā)環(huán)境，nodejs、python、php這些都有一句話起一個(gè)靜態(tài)服務(wù)器的工具。
cookies的使用需要自己封裝插件
感興趣的朋友可以用看看這個(gè)cookies插件
https://github.com/hxj886600/...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/51537.html
摘要：源自阮一峰具體什么意思，請(qǐng)看下面的截圖就一目了然表示對(duì)象的的數(shù)量實(shí)戰(zhàn)網(wǎng)站名網(wǎng)站地址確認(rèn)網(wǎng)站名查詢機(jī)制原意是小甜餅，是服務(wù)器保存在瀏覽器的一小段文本信息，屬于其中一種互聯(lián)網(wǎng)存儲(chǔ)機(jī)制。 目錄 1. Web Storage 2. Cookie機(jī)制 3. 二者的聯(lián)系與區(qū)別 1.Web Storage 1.1 概述 Web Storage是HTML5提供的一種新的瀏覽器端數(shù)據(jù)儲(chǔ)存機(jī)制，它提供兩...
摘要：和雖然也有存儲(chǔ)大小的限制，但比大得多，可以達(dá)到或更大支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。有時(shí)也用，指某些網(wǎng)站為了辨別用戶身份，進(jìn)行跟蹤而存儲(chǔ)在本地終端上的數(shù)據(jù)，通常經(jīng)過(guò)加密。 Web Storage介紹 Web Storage帶來(lái)的好處 減少網(wǎng)絡(luò)流量：一旦數(shù)據(jù)保存在本地后，就可以避免再向服務(wù)器請(qǐng)求數(shù)據(jù)，因此減少不必要的數(shù)據(jù)請(qǐng)求，減少數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來(lái)回傳...
摘要：是客戶端用來(lái)存儲(chǔ)數(shù)據(jù)的它既可以在客戶端設(shè)置也可以在服務(wù)器端設(shè)置。會(huì)跟隨任意請(qǐng)求一起發(fā)送標(biāo)準(zhǔn)中的包括了兩種存儲(chǔ)方式和用于本地存儲(chǔ)一個(gè)會(huì)話中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。 Cookie cookie是客戶端用來(lái)存儲(chǔ)數(shù)據(jù)的,它既可以在客戶端設(shè)置也可以在服務(wù)器端設(shè)置。cookie會(huì)跟隨任意HTTP請(qǐng)求一起發(fā)送 Web Storage htm...
閱讀 4209·2023-04-25 20:41
閱讀 2785·2023-04-25 16:40
閱讀 1532·2021-09-23 11:44
閱讀 1321·2021-09-10 10:51
閱讀 1793·2021-09-07 09:59
閱讀 1856·2019-12-27 12:08
閱讀 645·2019-08-30 15:44
閱讀 3408·2019-08-30 11:08
