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