WebStorage
web Storage 是HTML 5引入的一个重要的功能，在前端开发的过程中会经常用到，它可以在客户端本地存储数据，类似cookie，但其功能却比cookie强大的多。cookie的大小只有4Kb左右（浏览器不同，大小也不同），而web Storage的大小有5MB。其API提供的方法有以下几种：
setItem(key,value)：设置storage中的键值对，存储值
getItem(key)：获取storage中的键值对
removeItem(key)：删除storage中的键值对
clear()：清楚storage中的内容
localStorage和sessionStorage的区别
localstorage通过调用window.localStorage获得，sessionStorage通过window.sessionStorage获得。两种storage存储具有相同的方法，都保存在客户端，不与服务端进行交互。
生命周期不同
localStorage创建存储数据后，除非手动删除数据，不然都会一直存储在浏览器中
sessionStorage创建存储数据后，页面刷新、同源打开其他页面，代码跳转能够访问到当前的seesionStorage。如果关闭浏览器，sessionStorage就会消失。实际上我们可以理解成一种会话机制。
应用场景不同
localStorage主要用于存储适合长期保存的数据，如token，搜索记录等等。
seesionStorage用于存储用户的敏感信息，只在当前会话中保存。如用户名等等。
来自 https://blog.csdn.net/m0_51433562/article/details/123611008
区别如下：
1、localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。
2、localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。
4、sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。
5、不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标 签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。
来自 https://blog.csdn.net/weixin_57446003/article/details/124747291
localStorage（本地存储）和sessionStorage（会话存储）。
1、生命周期：localStorage:localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据，否则数据永远不会消失。
**作用域：**相同浏览器的不同标签在同源情况下可以共享localStorage
sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览器窗口”的概念，sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面，sessionStorage也是不一样的。
作用域：只在当前标签可用，当前标签的iframe中且同源可以共享
2、存储大小：localStorage和sessionStorage的存储数据大小一般都是：5MB
3、存储位置：localStorage和sessionStorage都保存在客户端，不与服务器进行交互通信。
4、存储内容类型：localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
5、获取方式：localStorage：window.localStorage;；sessionStorage：window.sessionStorage;。
6、应用场景：localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据。sessionStorage：敏感账号一次性登录；
————————————————
来自 https://blog.csdn.net/XiaoSen207/article/details/123385073