H5本地缓存

1. localStorage

        作用:浏览器提供给我们的一个小型临时数据库

        典型场景:网站列表数据的缓存，登录信息的缓存，身份令牌(token)

        使用方法:localStorage.setItem(key,value)

查看方法：浏览器F12-->application-->local Storage

1. sessionStorage

区别:
> localStorage,设置之后，如果不清除，会一直存在本地存储中
> sessionStorage,设置之后，如果浏览器标签页关闭(结束会话)或者浏览器关闭，那么sessionStorage就会失效
> localStorage在同源页面可以访问，sessionStorage在同源页面也不可以访问

3.storage事件--本地缓存改变的时候执行
> 必须使用addEventListener来进行监听
> 事件对象里的e的key属性和newValue属性需要记住
> 不会在当前页面执行,在同地址栏的其他标签页(浏览器的另外一个会话页面)执行