?

在以前，我們想要存儲(chǔ)一些數(shù)據(jù)，并且只是在前端使用，服務(wù)端并不會(huì)使用，我們只能存在cookie里，但是cookie會(huì)跟隨請(qǐng)求頭在客戶端和服務(wù)端之間來(lái)回傳遞，而且cookie還有一些缺點(diǎn)，H5提供了webStorage的API用來(lái)做客戶端的數(shù)據(jù)存儲(chǔ)

?

cookie與webStorage的區(qū)別

1. cookie有大小的限制，只能存儲(chǔ)4kb，webStorage可以存儲(chǔ)5Mb，cookie還有條數(shù)的限制
2. cookie會(huì)跟隨請(qǐng)求頭在客戶端和服務(wù)端之間傳遞，會(huì)影響帶寬。
3. cookie需要設(shè)置有效期，localStorage是永久保存，sessionStorage是會(huì)話保存即瀏覽器關(guān)閉后數(shù)據(jù)失效，
4. cookie可以設(shè)置作用path
5. cookie的操作較為困難，webStorage的API較為容易
6. cookie的兼容性比webStorage兼容性好

webStorage包含的存儲(chǔ)方式

1. localStorage ：有效期是永遠(yuǎn)，永久保存；除非手動(dòng)刪除
2. sessionStorage： 有效期是一次會(huì)話時(shí)間
3. globalStorage、indexedDB、webSQL因?yàn)榧嫒菪浴?shí)用性較差，所以，不常使用

localStorage和sessionStorage 的使用方法（API）

1. localStorage和sessionStorage的使用方法一樣

2. 增刪改查

增/改： localStorage.setItem(key,value)/ localStorage.a = 1

查： length；key方法（index）得到對(duì)應(yīng)的key? ? ? ? getItem(key)/localStorage.a

刪： removeItem（key）

清空: clear()

更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的H5本地存储的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。