localStorage本地存储

localStorage可以将第一次请求的数据直接存储到本地,这个相当于一个5m大小的针对于前端页面的数据库

基础语法

setItem() 修改本地存储的数据
getItem() 获取对应的本地存储
removeItem() 删除对应的本地存储
由于存储的数据类型限制 只能存储字符串类型数据 对象存进去就是object字符串.
需要存储的话需要序列化为json格式的字符串.

对象转换为json格式字符串 stringify()

var str = JSON.stringify(obj)
console.log(str)

json格式重新为对象方法 parse()

var obj = JSON.parse(localstorage.getitem(str))

总结 json格式字符串转对象 对象转json格式字符串 原对象不受影响
通过localStorage实现存储复杂数据(数组/ 对象)

同源策略
只要在同源的网站里 localstorage的数据是共享的
除非手动销毁数据

同时 我们还可以使用sessionStorage来达成本地存储

增删改查的语法和localstorage是一样的
存储类型也是字符串
不同页面之间不支持数据共享
浏览器关闭时数据就会清空 是临时存储

localStorage
1把数据存储到本地 localStorage.setItem("name", "value");
2/获取数据 localStorage.getItem("name")
3 删除指定数据 localStorage.removeItem("name");
4删除所有数据 localStorage.clear();
sessionStorage
1 把数据存储到本地 sessionStorage.setItem("name", "value");
2 获取数据 sessionStorage.getItem("name")
3删除指定数据 sessionStorage.removeItem("name");
4删除所有数据 sessionStorage.clear();