FE_本地存储LocalStorage和SessionStorage

1. localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。
2. 他们均只能存储字符串类型的对象。
3. localStorage生命周期是永久，这意味着除非用户主动在浏览器上清除localStorage信息，否则这些信息将永远存在。
4. sessionStorage的失效时间为当前会话是否被关闭, 如果当前会话中存储有key和value,会话关闭数据则消失,所以我们可以得到结论,sessionStorage的失效取决于会话

1 localStorage

1. LocalStorage的存储大小一般为5M
2. LocalStorage的存储类型为字符串
3. LocalStorage若想要删除，需要人为删除

1.1 存储数据

1.2 获取数据

    getLocalStorage() {
    
    
      console.log(window.localStorage.getItem("name"));
    }

1.3 删除指定的本地数据

    removeLocalStorage() {
    
    
      window.localStorage.removeItem('name')
    }

1.4 删除当前域名下所有内容

localStorage.clear()

1.5 LocalStorage的局限性

1. LocalStorage在IE浏览器中，IE8以上才支持LocalStorage。
2. LocalStorage在浏览器的隐私模式下无法读取。
3. LocalStorage存储的类型仅限于string类型，所以在存储其他类型的时候需要相应的转化。

2 SessionStorage

SessionStorage的用法和LocalStorage用法基本上一样，唯一的区别就是localStorage属于永久性存储，而sessionStorage属于当会话结束的时候，sessionStorage中的键值对会被清空。

1. 存储数据：sessionStorage.setItem(“自定义数据名”, 数据)
2. 取存储的本地数据：sessionStorage.getItem(“存储数据的数据名”)
3. 删除指定的本地数据：sessionStorage.removeItem(“存储数据的数据名”)
4. 删除当前域名下所有内容：sessionStorage.clear()