前两天项目用到这两个东西,自己也只是大致了解用法和概念,也发生了一些小问题,今天自己也准确记录一下并且做一下小实验
首先 local storage:
localStorage生命周期是永久,除非主动清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。
local storage的特点是 生命周期永久:
我们先设置一个local storage
我们先设置一个localStorage 看看他到底会不会随着页面关掉,浏览器关掉,或者是新浏览器窗口而改变:
本页已经设置我在另一个页面上并没有发现有这个test的存在,故此 localStorage依旧是不会互通 ;无法跨站拿到数据(小白认知,勿喷);在新窗口里面去打开这个地址以后会显示localStorage;还是很不错的一种前端存储方式,是随着浏览器而动的数据存储;
第二个 : session Storage
sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。
同样:我们去设置一个session storage
设置sessionStorage我们先在另外窗口打开 看是否有效;
另外窗口结果: 并没有之前设置的值;我们尝试一下关闭标签页然后迅速重新打开:
结果仍在
结果是 仍然存在,也就是说 这个sessionStorage 并不完全会随着页面关闭而关闭 ,它对应的确实是一次session。session链接期间,便可以存在,并不标准的随着关闭页面或浏览器走;
网友评论