本地存储的说明》

本地存储特性

数据存储在用户浏览器中
设置，读取方便，甚至页面刷新不丢失数据
容量较大，sessionStorage和localStorage约5M左右

localstorage

生命周期永久生效，除非手动删除，否则关闭页面也会存在
可以多窗口（页面）共享（同一浏览器可以共享）
以键值对的形式存储使用

存储数据：

localStorage.setItem(key,value)
localStorage.setItem('wang','22')
1
2

获取数据：

localStorage.getItem(key)
1

删除数据：

localStorage.removeItem(key)
1

拓展
存储复杂数据类型

本地只能存储字符串，无法存储复杂数据类型，需要将复杂数据类型转换成json字符串，在存储到本地

JSON.stringify(复杂数据类型)
//将复杂数据转换成json字符串，存储本地存储中
1
2

JSON.parse(json字符串)
//将json字符串转换成对象，取出时使用
1
2

例：

let obj={

}
localStorage.setItem('obj',JSON.stringify(obj))
JSON.parse(localStorage.setItem('obj',JSON.stringify(obj)))
1
2
3
4
5

sessionStorage

1.生命周期为关闭浏览器窗口
2.在同一个窗口（页面）下数据可以共享
3.以键值对的形式存储使用
4.用法跟localStorage基本相同