更新時(shí)間:2022-07-28 來(lái)源:黑馬程序員 瀏覽量:
localStorage作為HTML5 Web Storage的API之一,主要作用是本地存儲(chǔ)。本地存儲(chǔ)是指將數(shù)據(jù)按照鍵值對(duì)的方式保存在客戶(hù)端計(jì)算機(jī)中,直到用戶(hù)或者腳本主動(dòng)清除數(shù)據(jù),否則該數(shù)據(jù)會(huì)一直存在。也就是說(shuō),使用了本地存儲(chǔ)的數(shù)據(jù)將被持久化。
localStorage的優(yōu)勢(shì)在于拓展了cookie的4KB限制,并且可以將第一次請(qǐng)求的數(shù)據(jù)直接存儲(chǔ)到本地,這相當(dāng)于一個(gè)5MB大小針對(duì)于前端頁(yè)面的數(shù)據(jù)庫(kù)。相比于cookie,localStorage可以節(jié)約帶寬,但是這項(xiàng)功能需要高版本的瀏覽器來(lái)支持。
localStorage在使用中也有一些局限:
(1)瀏覽器的大小不統(tǒng)一,并且在IE8以上的IE版本才支持localStorage這個(gè)屬性。
(2)目前所有的瀏覽器中都會(huì)把localStorage的值類(lèi)型限定為String類(lèi)型,對(duì)于日常比較常見(jiàn)的JSON對(duì)象類(lèi)型需要做一些轉(zhuǎn)換。
(3)localStorage在瀏覽器的隱私模式下是不可讀取的。
(4)localStorage本質(zhì)上是對(duì)字符串的讀取,如果存儲(chǔ)的內(nèi)容多會(huì)消耗內(nèi)存空間,導(dǎo)致頁(yè)面下載變慢。
(5)localStorage不能被網(wǎng)絡(luò)爬蟲(chóng)抓取到。
Web前端知識(shí)培訓(xùn):移動(dòng)Web離線(xiàn)應(yīng)用
2022-07-28如何使用Set數(shù)據(jù)結(jié)構(gòu)保存數(shù)據(jù)?Set實(shí)例操作演示
2022-07-27網(wǎng)站建設(shè)基礎(chǔ):認(rèn)識(shí)服務(wù)器空間
2022-07-26什么是懶加載?特點(diǎn)是什么?
2022-07-25Web前端知識(shí):什么是瀏覽器內(nèi)核?
2022-07-22Web前端知識(shí)培訓(xùn):Vuex狀態(tài)管理模式
2022-07-21