什么是localstorage
前幾天在老項(xiàng)目中發(fā)現(xiàn)有對(duì)cookie的操作覺(jué)得很奇怪,咨詢下來(lái)是要緩存一些信息,以避免在URL上面?zhèn)鬟f參數(shù),但沒(méi)有考慮過(guò)cookie會(huì)帶來(lái)什么問(wèn)題:
① cookie大小限制在4k左右,不適合存業(yè)務(wù)數(shù)據(jù)
?、?cookie每次隨HTTP事務(wù)一起發(fā)送,浪費(fèi)帶寬
我們是做移動(dòng)項(xiàng)目的,所以這里真實(shí)適合使用的技術(shù)是localstorage,localstorage可以說(shuō)是對(duì)cookie的優(yōu)化,使用它可以方便在客戶端存儲(chǔ)數(shù)據(jù),并且不會(huì)隨著HTTP傳輸,但也不是沒(méi)有問(wèn)題:
?、?localstorage大小限制在500萬(wàn)字符左右,各個(gè)瀏覽器不一致
② localstorage在隱私模式下不可讀取
?、?localstorage本質(zhì)是在讀寫(xiě)文件,數(shù)據(jù)多的話會(huì)比較卡(firefox會(huì)一次性將數(shù)據(jù)導(dǎo)入內(nèi)存,想想就覺(jué)得嚇人?。?br /> ④ localstorage不能被爬蟲(chóng)爬取,不要用它完全取代URL傳參
瑕不掩瑜,以上問(wèn)題皆可避免,所以我們的關(guān)注點(diǎn)應(yīng)該放在如何使用localstorage上,并且是如何正確使用。
localstorage的使用
基礎(chǔ)知識(shí)
localstorage存儲(chǔ)對(duì)象分為兩種:
?、?sessionStrage: session即會(huì)話的意思,在這里的session是指用戶瀏覽某個(gè)網(wǎng)站時(shí),從進(jìn)入網(wǎng)站到關(guān)閉網(wǎng)站這個(gè)時(shí)間段,session對(duì)象的有效期就只有這么長(zhǎng)。
?、?localStorage: 將數(shù)據(jù)保存在客戶端硬件設(shè)備上,不管它是什么,意思就是下次打開(kāi)計(jì)算機(jī)時(shí)候數(shù)據(jù)還在。
兩者區(qū)別就是一個(gè)作為臨時(shí)保存,一個(gè)長(zhǎng)期保存。
這里來(lái)一段簡(jiǎn)單的代碼說(shuō)明其基本使用:
新聞熱點(diǎn)
疑難解答
圖片精選