localstorage(localstorage大小)

localstorage是什么意思？

局部存儲(chǔ)器。它是html5新增的一個(gè)本地存儲(chǔ)API，所謂localStorage就是一個(gè)小倉庫的意思，它有5M的大小空間，存儲(chǔ)在瀏覽器中，我們可以通過js來操縱localStorage。

localstorage怎么讀

local storage
英 [ˈləukəl ˈstɔ:ridʒ]
美 [ˈlokəl ˈstɔrɪdʒ]
局部存儲(chǔ)器

localstorage怎么讀

local　
英 ['ləʊkl] 　 　 美 ['loʊkl] 　 　
adj. 地方性的；當(dāng)?shù)氐模痪植康?br />storage
英 ['stɔːrɪdʒ] 　 　 美 ['stɔːrɪdʒ] 　 　
n. 保管；貯藏；倉庫；保管費(fèi)；[計(jì)]存儲(chǔ)器

cookie和localstorage的區(qū)別

共同點(diǎn)：都是保存在瀏覽器端，且同源的。

區(qū)別：cookie數(shù)據(jù)始終在同源的http請求中攜帶（即使不需要），即cookie在瀏覽器
和服務(wù)器間來回傳遞。而localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。cookie數(shù)據(jù)還有路徑
（path）的概念，可以限制cookie只屬于某個(gè)路徑下。存儲(chǔ)大小限制也不同，cookie數(shù)據(jù)不能超過4k，同時(shí)因?yàn)槊看蝖ttp請求都會(huì)攜帶
cookie，所以cookie只適合保存很小的數(shù)據(jù)，如會(huì)話標(biāo)識。localStorage
雖然也有存儲(chǔ)大小的限制，但比cookie大得多，可以達(dá)到5M或更大。數(shù)據(jù)有效期不同，localStorage：始終有效，窗口或?yàn)g覽器關(guān)閉也一直保存，因此用作持久數(shù)據(jù)；cookie只在設(shè)置的cookie過期
時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。作用域不同，localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。Web Storage
支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。Web Storage 的 api 接口使用更方便。

如何手動(dòng)清除localStorage中的數(shù)據(jù)

1、首先前端一般是以對象的形式存數(shù)據(jù)，現(xiàn)在以對象的形式說怎么存。先聲明一下需要存的對象。

2、接著存這個(gè)對象的數(shù)據(jù)，JSON.stringify是把數(shù)據(jù)轉(zhuǎn)換成字符串的形式。

3、然后取對象數(shù)據(jù)，JSON.par是把字符串?dāng)?shù)據(jù)轉(zhuǎn)換為 JavaScript 對象。

4、最后如果想要?jiǎng)h除localStorage中的某個(gè)對象數(shù)據(jù)，可以如下圖這樣操作。

5、最后如果想要全部清空可以直接使用下面的式子，localStorage.clear();，就完成刪除了。

localStorage如何存儲(chǔ)數(shù)組

有時(shí)候，我們需要將數(shù)據(jù)存儲(chǔ)到ssionStorage和localStorage中，這樣做的好處有：

1 緩存數(shù)據(jù)

2 減少對內(nèi)存的占用

但是，storage只能存儲(chǔ)字符串的數(shù)據(jù)，對于JS中常用的數(shù)組或?qū)ο髤s不能直接存儲(chǔ)。

varobj={name:'Jim'};
ssionStorage.obj=obj;
localStorage.obj=obj;

vararr=[1,2,3];
ssionStorage.obj=arr;
localStorage.obj=arr;

上面的寫法都是不能成功的！但我們可以通過JSON對象提供的par和stringify將其他數(shù)據(jù)類型轉(zhuǎn)化成字符串，再存儲(chǔ)到storage中就可以了。請看下面的代碼。

varobj={name:'Jim'};
varstr=JSON.stringify(obj);

//存入ssionStorage.obj=str;
//讀取str=ssionStorage.obj;
//重新轉(zhuǎn)換為對象obj=JSON.par(str);

謝謝采納?。。?還有不理解的可以繼續(xù)問這方面我很行