cookies sessionStorage和localstorage

相同點(diǎn):都存儲(chǔ)在客戶端

不同點(diǎn):

(1)存儲(chǔ)大小

· cookie數(shù)據(jù)大小不能超過(guò)4k。

· sessionStorage和localStorage 雖然也有存儲(chǔ)大小的限制条篷,但比cookie大得多误算,可以達(dá)到5M或更大。

(2)生命周期

· localStorage? ? 存儲(chǔ)持久數(shù)據(jù)妻率,瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動(dòng)刪除數(shù)據(jù);

· sessionStorage? 數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動(dòng)刪除板祝。

· cookie? ? ? ? ? 設(shè)置的cookie過(guò)期時(shí)間之前一直有效宫静,即使窗口或?yàn)g覽器關(guān)閉.

(3)數(shù)據(jù)與服務(wù)器之間的交互方式

· cookie的數(shù)據(jù)會(huì)自動(dòng)的傳遞到服務(wù)器,服務(wù)器端也可以寫(xiě)cookie到客戶端

· sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器券时,僅在本地保存孤里。

獲取cookie的值


sessionStorage

sessionStorage的特點(diǎn)是,當(dāng)用戶打開(kāi)一個(gè)標(biāo)簽頁(yè)橘洞,實(shí)際上就是建立了一個(gè)session會(huì)話捌袜,在這個(gè)標(biāo)簽頁(yè)里,url發(fā)生跳轉(zhuǎn)炸枣,sessionStorage實(shí)際上還是保存著虏等,并不會(huì)消失弄唧,當(dāng)標(biāo)簽頁(yè)關(guān)閉的時(shí)候,數(shù)據(jù)才會(huì)消失霍衫。

sessionStorage 屬性允許你訪問(wèn)一個(gè) session Storage 對(duì)象候引。它與 localStorage 相似,不同之處在于 localStorage 里面存儲(chǔ)的數(shù)據(jù)沒(méi)有過(guò)期時(shí)間設(shè)置敦跌,而存儲(chǔ)在 sessionStorage 里面的數(shù)據(jù)在頁(yè)面會(huì)話結(jié)束時(shí)會(huì)被清除澄干。頁(yè)面會(huì)話在瀏覽器打開(kāi)期間一直保持,并且重新加載或恢復(fù)頁(yè)面仍會(huì)保持原來(lái)的頁(yè)面會(huì)話柠傍。

localStorage

localStorage的優(yōu)勢(shì)

1麸俘、localStorage拓展了cookie的4K限制

2、localStorage會(huì)可以將第一次請(qǐng)求的數(shù)據(jù)直接存儲(chǔ)到本地惧笛,這個(gè)相當(dāng)于一個(gè)5M大小的針對(duì)于前端頁(yè)面的數(shù)據(jù)庫(kù)疾掰,相比于cookie可以節(jié)約帶寬,但是這個(gè)卻是只有在高版本的瀏覽器中才支持的

localStorage的局限

1徐紧、瀏覽器的大小不統(tǒng)一静檬,并且在IE8以上的IE版本才支持localStorage這個(gè)屬性

2、目前所有的瀏覽器中都會(huì)把localStorage的值類(lèi)型限定為string類(lèi)型并级,這個(gè)在對(duì)我們?nèi)粘1容^常見(jiàn)的JSON對(duì)象類(lèi)型需要一些轉(zhuǎn)換

3拂檩、localStorage在瀏覽器的隱私模式下面是不可讀取的

4、localStorage本質(zhì)上是對(duì)字符串的讀取嘲碧,如果存儲(chǔ)內(nèi)容多的話會(huì)消耗內(nèi)存空間稻励,會(huì)導(dǎo)致頁(yè)面變卡

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市愈涩,隨后出現(xiàn)的幾起案子望抽,更是在濱河造成了極大的恐慌,老刑警劉巖履婉,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件煤篙,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡毁腿,警方通過(guò)查閱死者的電腦和手機(jī)辑奈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)已烤,“玉大人鸠窗,你說(shuō)我怎么就攤上這事】杈浚” “怎么了稍计?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)裕循。 經(jīng)常有香客問(wèn)我臣嚣,道長(zhǎng)净刮,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任茧球,我火速辦了婚禮庭瑰,結(jié)果婚禮上星持,老公的妹妹穿的比我還像新娘抢埋。我一直安慰自己,他們只是感情好督暂,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布揪垄。 她就那樣靜靜地躺著,像睡著了一般逻翁。 火紅的嫁衣襯著肌膚如雪饥努。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,950評(píng)論 1 291
  • 那天八回,我揣著相機(jī)與錄音酷愧,去河邊找鬼。 笑死缠诅,一個(gè)胖子當(dāng)著我的面吹牛溶浴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播管引,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼士败,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了褥伴?” 一聲冷哼從身側(cè)響起谅将,我...
    開(kāi)封第一講書(shū)人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎重慢,沒(méi)想到半個(gè)月后饥臂,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡似踱,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年擅笔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片屯援。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡猛们,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出狞洋,到底是詐尸還是另有隱情弯淘,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布吉懊,位于F島的核電站庐橙,受9級(jí)特大地震影響假勿,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜态鳖,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一转培、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧浆竭,春花似錦浸须、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至顺囊,卻和暖如春肌索,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背特碳。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工诚亚, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人午乓。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓站宗,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親硅瞧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子份乒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容