1、是个啥？干啥用的
localstorage是一种前端存储工具，用于不入数据库就可以记录的数据，前端不带后端数据库可以自己玩
2、兼容性
在IE8以上的浏览器都支持，兼容性算是可以的了
3、特点
持久化存储，不主动删除不会丢失，但是大小限制在5M之内
同域名存储数据共享，有同源策略限制
频繁操作会是应用变卡顿
4、方法
localStorage.setItem('cname','zhaoxiaoyang');
localStorage.getItem('cname') | localStorage.key(0) #获取第一个键名
localStorage.removeItem('cname') | localStorage.clear() #清楚全部信息
5、注意
在https://baidu.com/index.html下操作localstorage 会同时改变 https://baidu.com/home.html的本地数据，注意影响
6、曲线解决同源策略
如图，3个页面协作完成：
跨域存储示意图
A向中间页面C发送存储数据，C页面进行数据存储，B页面向C页面发送请求读取存储数据
7、demo
如下图所示，就是整个跨域存储的整个简单流程
发送存储命令
发送获取命令
中转处理
⚠️：发现一个小的问题，页面自执行存储获取操作不起作用，坑，要等待iframe完全加载之后才能做交互
