local storage 和session storage

前两天项目用到这两个东西，自己也只是大致了解用法和概念，也发生了一些小问题，今天自己也准确记录一下并且做一下小实验

首先 local storage：

localStorage生命周期是永久，除非主动清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。

local storage的特点是 生命周期永久：

    

我们先设置一个local storage

我们先设置一个localStorage 看看他到底会不会随着页面关掉，浏览器关掉，或者是新浏览器窗口而改变：

本页已经设置

我在另一个页面上并没有发现有这个test的存在，故此 localStorage依旧是不会互通 ;无法跨站拿到数据（小白认知，勿喷）；在新窗口里面去打开这个地址以后会显示localStorage；还是很不错的一种前端存储方式，是随着浏览器而动的数据存储；

第二个 ： session Storage

sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。

同样：我们去设置一个session storage

设置sessionStorage

我们先在另外窗口打开 看是否有效；

另外窗口

结果： 并没有之前设置的值；我们尝试一下关闭标签页然后迅速重新打开：

   

结果仍在

结果是 仍然存在，也就是说 这个sessionStorage 并不完全会随着页面关闭而关闭 ，它对应的确实是一次session。session链接期间，便可以存在，并不标准的随着关闭页面或浏览器走；