一：什么是本地存储
数据存储在用户浏览器中，用户设置、读取方便，同时页面刷新时不会丢失数据。存储在浏览器中数据约5M，分为sessionStorage和localStorage两种存储方式
二：localStorage存储
作用
将数据永久存储在本地（用户电脑），除非手动删除，否则关闭页面也会存在存储的数据
特性
以键值对的形式存储
可以在同一浏览器中多页面共享存储数据
使用语法规范
//存储数据
localStorage.setItem(key,value)
//移除数据
localStorage.removeItem(key,value)
//获取数据
localStorage.getItem(key)
注：存储的数据都会转变字符型数据，因为本地存储只能存取字符串；即使存储的是数值型、对象、数组等数据类型
三：sessionStorage存储
特性：
- 生命周期为关闭浏览器窗口时停止
- 在未关闭浏览器窗口的前提下，可以在同一个页面下共享数据
- 以键值对形式存储使用
- 语法规范同localStorage相同
四：存储复杂数据类型
由于本地存储只能存取字符串，所以即使是声明对象也无法将对象存储到浏览器中；因此，只能将对象转换成JSON形式存储
1 存语法格式（转换为JSON字符串）
localStorage.setItem(key,JSON.stringify(value))2 将JSON字符串转换为对象
JSON.parse(待转化的字符串)不光是对象，类似的数组也是需要这样转换
案例：
const obj = {
uname: 'orange',
age: 18
}
localStorage.setItem('year', JSON.stringify(obj))
const str = localStorage.getItem('year')
console.log(JSON.parse(str));
