关于cookie与本地存储的区别的问题。

1. cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。

2. cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

3. 数据有效期不同，sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。

4. 作用域不同，sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制，可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

转载于:https://www.cnblogs.com/is-meeeee/p/10565398.html

关于cookie与本地存储的区别的问题。相关推荐

Web本地存储和小程序本地存储的区别
web本地存储 localStorage.setItem("key","value") localStorage.getItem("key" ...
WebStorage之浏览器的本地存储（结合案例）
目录前言一,WebStorage 二,localStorage 2.1 存储 2.2 读取 2.3 删除 2.4 清除全部 2.5 代码三,sessionStorage 3.1 用法 3.2 区 ...
HTML5本地存储使用详解
HTML5本地存储使用详解前言随着Web应用的发展,需要在用户本地浏览器上存储更多的应用数据,传统的cookie存储的方案已经不能满足发展的需求,而使用服务器端存储的方案则是一种无奈的选择.HTM ...
html5本地存储论坛,Web Storage--HTML5本地存储
什么是Web Storage Web Storage是HTML5里面引入的一个类似于cookie的本地存储功能,可以用于客户端的本地存储,其相对于cookie来说有以下几点优势: 存储空间大:cook ...
各种本地存储对比 cookie，localStorage，sessionStorage，indexDB以及他们和vuex的区别
cookie 存储在cookie中的数据,每次都会被浏览器自动放在http请求中,如果这些数据并不是每个请求都需要发给服务端的数据,浏览器这设置自动处理无疑增加了网络开销:但如果这些数据是每个请求都需 ...
本地存储cookie和localStorage区别特点
一.cookie cookie算是比较早的技术,最初是为了记录http的状态,提高访问速度.cookie是服务器"种植"在客户端的key-value形式文本文件.但同时客户端也能操 ...
cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别
cookie 本来用于客户端和服务端通信, 但是因为它有本地存储的功能,于是被"借用"了. 使用方法 document.cookie 获取和修改即可缺点存储量太少,只有4kb ...
Cookie、Session、本地存储
Cookie.Session.本地存储 HTTP协议是无状态的协议,一旦数据交换完毕,客户端与服务器端的连接就会关闭,再次交换数据需要建立新的连接,这就意味着服务器无法从连接上跟踪会话,于是出现了Co ...
本地存储-cookie|localStorage|sessionStorage|indexedDB
本地存储本地存储 cookie 如何工作问题 cookie标准限制属性 expires|max-age domain&path secure HttpOnly 设置cookie 服务端设 ...

关于cookie与本地存储的区别的问题。

关于cookie与本地存储的区别的问题。相关推荐

最新文章

热门文章

关于cookie与本地 存储的区别的问题。

关于cookie与本地 存储的区别的问题。相关推荐

最新文章

热门文章

关于cookie与本地存储的区别的问题。

关于cookie与本地存储的区别的问题。相关推荐