session Storage

WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。

WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。

1，生命周期：

session Storage(会话存储) :
sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览器窗口”的概念，sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面，sessionStorage也是不一样的。
localStorage(本地存储)：
localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据，否则数据永远不会消失。

2、存储大小：

localStorage和sessionStorage的存储数据大小一般都是：5MB

3、存储位置：

localStorage和sessionStorage都保存在客户端，不与服务器进行交互通信。

4、存储内容类型：

localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理

5、获取方式：

localStorage：window.localStorage;；sessionStorage：window.sessionStorage;。

6、应用场景：

localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据。sessionStorage：敏感账号一次性登录；

警告

用的vivo手机，vivo自带世界之窗浏览器，每次跳转一个新的页面都是重新打开了一个webpage，导致sessionStorage设置的值都没啦！！！所以开发移动端网页的话，慎用sessionStorage属性。。。

使用规范：

sessionStorage.方法------>>>setItem (key, value) ——  保存数据，以键值对的方式储存信息。getItem (key) ——  获取数据，将键值传入，即可获取到对应的value值。removeItem (key) ——  删除单个数据，根据键值移除对应的信息。clear () ——  删除所有的数据key (index) —— 获取某个索引的key

cookie 、sessionStorage与localStorage的区别

session Storage相关推荐

Local Storage、Session Storage、Cookies
Local Storage Local Storage,也叫本地存储,是 HTML5 中新增的 web 存储的功能,它解决了客户端存储的一些缺点,并提供更强大的功能和操作API. Local Stor ...
本地存储(Local Storage) 和会话存储(Session Storage)
我不会告诉你任何定义和概念,上车,读完这篇博客,你就会对本地存储(Local Storage) 和会话存储(Session Storage)有一个清晰的认识. 目录前提知识范例示例1:将键值对 ...
Local Storage和Session Storage详解
Local Storage和Session Storage详解 1. 来历在HTML5中新加了Web Storage的储存方式,主要是为了弥补Cookie储存容量的不足.Web Storage分为L ...
Google浏览器——session Storage和Local Storage
Google浏览器有一个很好的storage,在页面刷新之后数据也不会丢失 session Storage 使用方法存储.读取数据 sessionStorage.setItem("name& ...
32：第三章：开发通行证服务：15：浏览器存储介质，简介；（cookie，Session Storage，Local Storage）
说明: (1)简单介绍浏览器存储介质:cookie,Session Storage,Local Storage: (2)目前为止的.可以确定的几点: ● 这些存储介质都是浏览器的,我们要想使用这些存储 ...
关于local storage及session storage 应用问题
H5- storage 可以在不同页面内进行数据传递数据信息,保证了数据传输不许后台交互即可在前端部分自我实现,以下为local storage 应用个人简析: * localStorage * se ...
PHP session storage
php session 数据保存在哪里? SESSION 的数据保存在哪里呢? 当然是在服务器端,但不是保存在内存中,而是保存在文件或数据库中. 默认情况下,php.ini 中设置的 SESSION ...
local storage, session storage 和 cookie区别
1 存储大小不同, cookie: 4K, session : 5M, local:5M 2 数据有效期不同, cookie可以设置, 设置过期时间, 也可以手动清空 session:仅在浏览器关闭前 ...
前端学习（1775）：前端调试之session storage原理和查看

session Storage

WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。

1，生命周期：

2、存储大小：

3、存储位置：

4、存储内容类型：

5、获取方式：

6、应用场景：

警告

使用规范：

session Storage相关推荐

最新文章

热门文章

session Storage

WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。

1， 生命周期：

2、存储大小：

3、存储位置：

4、存储内容类型：

5、获取方式：

6、应用场景：

警告

使用规范：

session Storage相关推荐

最新文章

热门文章

1，生命周期：