HTML5中本地储存概念是什么,什么优点 ,与cookie有什么区别?
html5中的Web Storage 包括了兩種存儲(chǔ)方式: sessionStorage? 和? localStorage.
seessionStorage 用于本地存儲(chǔ)一個(gè)會(huì)話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問(wèn)并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷(xiāo)毀。因此sessionStorage不是一個(gè)持久化的本地儲(chǔ)存,僅僅是會(huì)話級(jí)別的存儲(chǔ)。而localStorage用于持久化的本地存儲(chǔ),除非主動(dòng)刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的;
cookie是網(wǎng)站為了表示用戶身份而儲(chǔ)存在用戶本地終端上的數(shù)據(jù)(通常經(jīng)過(guò)加密).
區(qū)別:
1. cookie 數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶(即使不需要),即cookie在瀏覽器和服務(wù)器鍵來(lái)回傳遞。而sessionStorage? 和? localStorage 不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器,進(jìn)在本地保存。cookie數(shù)據(jù)還有路徑(path)的概念,可以限制cookie只屬于某個(gè)路徑下。
2. 存儲(chǔ)大小限制也不同,cookie數(shù)據(jù)不能超過(guò)4k,同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie,所以cookie只適合保存很小的數(shù)據(jù),如會(huì)話標(biāo)識(shí)。sessionStorage 和 localStorage? 雖然也有存儲(chǔ)大小的限制,但比cookie大的多,可以達(dá)到5M或更大。
3. 數(shù)據(jù)有效期不同,sessionStorage: 僅在當(dāng)前瀏覽器窗口關(guān)閉前有效,自然不可能持久保持;localStorage:始終有效,窗口瀏覽器關(guān)閉也一直保存,因此用作持久數(shù)據(jù):cookie 只在設(shè)置的cookie過(guò)期時(shí)間之前一直有效,即使窗口或?yàn)g覽器關(guān)閉。
4. 作用域不同,sessionStorage 不在不同的瀏覽器窗口中共享,即使是同一個(gè)頁(yè)面;localStorage? 在所有同源窗口中都是共享的;cookie也是在所有同源窗口都是共享的。
?
轉(zhuǎn)載于:https://www.cnblogs.com/tong-yao/p/10372794.html
總結(jié)
以上是生活随笔為你收集整理的HTML5中本地储存概念是什么,什么优点 ,与cookie有什么区别?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 基于 CODING 的 Spring B
- 下一篇: docker-compose 运行 Fl