【前端】webStorage

webStorage包含两种存储方式sessionStorage 和 localStorage
因此sessionStorage 和 localStorage 的主要区别在于他们存储数据的生命周期，sessionStorage 存储的数据的生命周期是一个会话，只有在同一个会话中的页面才能访问，会话结束数据也随之销毁，而 localStorage 存储的数据的生命周期是永久，直到被主动删除，否则数据永远不会过期的。

Web Storage和cookie的异同

• 它们都可以用于存储用户数据
• 它们存储数据的格式都是字符串形式
• 它们存储的数据都有大小限制

Web Storage 和 cookie 也有不同之处：
它们的生命周期不同。sessionStorage 的生命周期是一个会话，localStorage的生命周期是永久，cookie 的生命周期可以自定义，cookie 可以设置过期时间，数据在过期时间之前可以访问。
它们的存储大小限制不同。大部分现代浏览器 Storage 的存储限制大小为 5M，cookie 的存储大小限制 为 4K。
浏览器支持不同，API 调用方式不同。
相比 cookie ，Web Storage 的优点主要表现在存储空间更大，可存储的内容更大。cookie每次都随请求数据发送到服务器端，Web Storage不会和请求数据一同发送到服务器端，占用带宽更少。缺点主要表现在，现在所有浏览器都支持 cookie 操作，而只有现在浏览器才支持 Web Storage 操作，如果需要兼容老旧浏览器，就不能使用 Web Storage。