前兩天項(xiàng)目用到這兩個(gè)東西,自己也只是大致了解用法和概念耘眨,也發(fā)生了一些小問題,今天自己也準(zhǔn)確記錄一下并且做一下小實(shí)驗(yàn)
首先 local storage:
localStorage生命周期是永久,除非主動(dòng)清除localStorage信息怖现,否則這些信息將永遠(yuǎn)存在。存放數(shù)據(jù)大小為一般為5MB,而且它僅在客戶端(即瀏覽器)中保存玉罐,不參與和服務(wù)器的通信屈嗤。
local storage的特點(diǎn)是 生命周期永久:
? ??
我們先設(shè)置一個(gè)localStorage 看看他到底會(huì)不會(huì)隨著頁面關(guān)掉,瀏覽器關(guān)掉厌小,或者是新瀏覽器窗口而改變:
我在另一個(gè)頁面上并沒有發(fā)現(xiàn)有這個(gè)test的存在恢共,故此 localStorage依舊是不會(huì)互通 ;無法跨站拿到數(shù)據(jù)(小白認(rèn)知,勿噴)璧亚;在新窗口里面去打開這個(gè)地址以后會(huì)顯示localStorage讨韭;還是很不錯(cuò)的一種前端存儲(chǔ)方式脂信,是隨著瀏覽器而動(dòng)的數(shù)據(jù)存儲(chǔ);
第二個(gè) : session Storage
sessionStorage僅在當(dāng)前會(huì)話下有效透硝,關(guān)閉頁面或?yàn)g覽器后被清除狰闪。存放數(shù)據(jù)大小為一般為5MB,而且它僅在客戶端(即瀏覽器)中保存,不參與和服務(wù)器的通信濒生。
同樣:我們?nèi)ピO(shè)置一個(gè)session storage
我們先在另外窗口打開 看是否有效埋泵;
結(jié)果: 并沒有之前設(shè)置的值;我們嘗試一下關(guān)閉標(biāo)簽頁然后迅速重新打開:
? ?
結(jié)果是 仍然存在罪治,也就是說 這個(gè)sessionStorage 并不完全會(huì)隨著頁面關(guān)閉而關(guān)閉 丽声,它對(duì)應(yīng)的確實(shí)是一次session。session鏈接期間觉义,便可以存在雁社,并不標(biāo)準(zhǔn)的隨著關(guān)閉頁面或?yàn)g覽器走;