前端缓存技术
SessionStorage 临时存储 页面打开 页面关闭
优点： 临时 存储 关闭页面标签自动回收，不可以跨页面交互（刷新页面 sessionStorage存储的值存在 ，在同一个浏览器中打开相同的页面，sessionStorage存储的值不存在）
缺点：临时 成也萧何败也萧何，因为是临时所以不能存储持久化的东西
setItem
getItem
clear()
userData 用于IE 大小限制
优点：第一个吃螃蟹的人，也得感谢第一个被吃的螃蟹
缺点：存储限制太小
单个文件的大小限制是128kb，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。
在受限站点里这两个值分别是64KB和640KB
Cookie(兼容想最后的本地存储) 登录的状态 随着请求发送到服务器
优点：兼容性最好，几乎所有的浏览器都支持
缺点：大小限制，而且每次发送请求，请求头会带着Cookie一起发过去，现在基本大多数登录的合法性验证都是用cookie验证的
openDatabase（没有他做不了的） 支持h5浏览器 都支持
优点：就是一个完整的数据库
缺点：可能对于前端同学来说，成本高
ps:创建的数据库位置
localStorage
优点：兼容性中等，操作简单，就是key-value 形式，几乎现代的浏览器都支持，
缺点：存在大小限制，IE9、IE10不支持。
ps:
关闭浏览器仍然存在，
不同的浏览器tab标签也可以读到，
不同浏览器不可以读到（比如说我在chrome存储后，想在firfox中读取到chrome存储的，结果是读取不到的）
不可以跨域
setItem(key, value) 写
getItem(key) 读
clear() 清除
电脑所在地：
