一哗总,兩種方式存儲(chǔ)方式的區(qū)別舔涎?
localStorage:沒有時(shí)間限制存儲(chǔ)誊役,甚至一個(gè)年获列,幾年都會(huì)存在
sessionStorage:針對(duì)一個(gè)session的數(shù)據(jù)存儲(chǔ),但是瀏覽器關(guān)閉之后他的數(shù)據(jù)就會(huì)被清除掉?
二與cookie做對(duì)比
之前呢蛔垢,數(shù)據(jù)存儲(chǔ)都是由cookie來完成的击孩,但是cookie不適合大量的數(shù)據(jù)存儲(chǔ),因?yàn)樗鼈冇擅總€(gè)隊(duì)服務(wù)器的請(qǐng)求來傳遞鹏漆,這使得cookie速度很慢而且效率也不高
接下我們看一下localStorage
localStorage的存儲(chǔ)特點(diǎn):localStroage方法存儲(chǔ)的數(shù)據(jù)沒有時(shí)間限制巩梢,第二天,第二周或下一年之后艺玲,數(shù)據(jù)依然可用
使用方法:localStorage.text=XXX;進(jìn)行保存括蝠,代碼demo如下
第二個(gè)我們看一下sessionStorage
它的存儲(chǔ)特點(diǎn):針對(duì)一個(gè)session進(jìn)行數(shù)據(jù)存儲(chǔ),當(dāng)用戶關(guān)閉瀏覽器窗口后饭聚,數(shù)據(jù)會(huì)被刪除
其數(shù)據(jù)存儲(chǔ)的方式是sessionStorage.num=XXXX;下面是demo的圖片
ending.........................