使用Storage实现登录弹出

登录弹出

目的：初次使用系统，或者每次登录的时候弹窗展示信息

实现方式：localStorage(本地存储) sessionStorage(会话存储)

	localStorage	sessionStorage
生命周期	永久性（关闭页面或浏览器数据不会消失）	仅在当前会话下有效（浏览器窗口没关，刷新重新登录不会再次展示）
存储大小	一般为5MB	一般为5MB
存储位置	客户端	客户端
存储内容类型	字符串类型	字符串类型
获取方式	window.localStorage	window.sessionStorage
应用场景	长期登录（+判断用户是否已经登录），适合长期保存在本地的数据	敏感账号一次性登录

常用方法：

setItem(key, value)： 保存数据，以键值的形式存储信息

getItem(key)： 获取数据，将键值传入，获取到对应的value值

**removeItem(key)：**删除单个数据，根据键值移除对应的信息

**clear()：**删除所有的数据

**key(index)：**获取某个索引的key

使用示例：

sessionStorage

if(!window.sessionStorage.getItem('storge')){
    alert('弹窗');
    window.sessionStorage.setItem('storge','true')
}

localStorage

if(!window.localStorage.getItem('storge')){
    alert('弹窗');
    window.localStorage.setItem('storge','true')
}

// 使用localStorage来展示版本信息
// 每次新版本登录使用的时候会提示
var versionNo = '1.0.0';
if(!window.localStorage.getItem('update-version') || window.localStorage.getItem('update-version') !=versionNo){
        window.localStorage.setItem('update-version',versionNo)
        alert('logggggggg...........')
}