成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

本地存儲(chǔ)——Cookie與Web Storage

mating / 1246人閱讀

摘要：是客戶端用來(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

html5標(biāo)準(zhǔn)中的Web Storage包括了兩種存儲(chǔ)方式:sessionStorage和localStorage
sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage僅僅是會(huì)話級(jí)別的存儲(chǔ)
而localStorage用于持久化的本地存儲(chǔ)，除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的

區(qū)別

Web Storage和Cookie相似都是客戶端用來(lái)存儲(chǔ)數(shù)據(jù)的，區(qū)別是它是為了更大容量存儲(chǔ)設(shè)計(jì)的
Cookie的大小是受限的，最多只能存儲(chǔ)4KB的數(shù)據(jù)；并且每次你請(qǐng)求一個(gè)新的頁(yè)面的時(shí)候，Cookie都會(huì)被發(fā)送過(guò)去，這樣無(wú)形中浪費(fèi)了帶寬；再有就是不安全，很容易被攔截者截取進(jìn)行篡改
Web Storage擁有setItem、getItem、removeItem、clear等方法，不像cookie需要自己封裝setCookie、getCookie等方法
但是Cookie也是不可以或缺的:Cookie的作用是與服務(wù)器進(jìn)行交互，作為HTTP規(guī)范的一部分而存在 ，而Web Storage僅僅是為了在本地存儲(chǔ)數(shù)據(jù)而生

操作方法

setItem

sessionStorage.setItem("name","leoyaojy");
localStorage.setItem("website","luckyw.cn");

getItem

sessionStorage.getItem("name");        //leoyaojy
localStorage.getItem("website");    //luckyw.cn

removeItem

sessionStorage.removeItem("name");
localStorage.removeItem("website");

clear

sessionStorage.clear();
localStorage.clear();

其他操作方法:點(diǎn)操作和[]

sessionStorage.name = "leoyaojy";
console.log(sessionStorage["name"]);

localStorage["website"] = "luckyw.cn";
console.log(localStorage.website);

key()和length遍歷數(shù)據(jù)

for (var i=0, len = localStorage.length; i

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

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

相關(guān)文章

  • Web Storage 與cookies

    摘要：和雖然也有存儲(chǔ)大小的限制，但比大得多，可以達(dá)到或更大支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽(tīng)者。有時(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)回傳...

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

  • Web Storage 與cookies

    摘要：和雖然也有存儲(chǔ)大小的限制，但比大得多，可以達(dá)到或更大支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽(tīng)者。有時(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)回傳...

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

  • 瀏覽器本地存儲(chǔ)

    摘要：瀏覽器本地存儲(chǔ)在較高版本的瀏覽器中，提供了和。單個(gè)保存的數(shù)據(jù)不能超過(guò)，很多瀏覽器都限制一個(gè)站點(diǎn)最多保存?zhèn)€。 瀏覽器本地存儲(chǔ) 在較高版本的瀏覽器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage來(lái)取代globalStorage html5中的Web Storage包括了兩種存儲(chǔ)方式：sessionStorage和loca...

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

  • 左手Cookie“小甜餅”，右手Web Storage

    摘要：源自阮一峰具體什么意思，請(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ī)制，它提供兩...

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

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

0條評(píng)論

閱讀需要支付1元查看
<