知识点

1. 存储内容大小一般支持 5MB 左右。
2. 浏览器通过 Window.localStorage 和 Window.sessionStorage 来实现存储机制。
3. 在存储对象类型数据时，需要借助 JSON 对象方法的将存储的对象转为字符串。
4. sessionStorage 存储的内容会随着浏览器窗口关闭而消失。
5. localStorage 存储的内容需要手动清除才会消失。
6. localStorage 和 sessionStorage 操作数据时，用到的 API 是一样的。

相关 API

1. 存储数据 setItem(key,value)

   localStorage.setItem('str','qwe');
   localStorage.setItem('obj',JSON.stringify({ name: '张三',age: 21 }));

2. 获取数据 getItem(key)

   // 普通数据
   let str = localStorage.getItem('str');
   
   // 对象类型数据
   let obj = JSON.parse(localStorage.getItem('obj'));

3. 删除数据 removeItem(key)

   localStorage.removeItem('str');

4. 清空数据 clear()

   localStorage.clear();