Cookie、LocalStorage、SessionStorage的异同

最新推荐文章于 2024-09-19 08:45:00 发布
最新推荐文章于 2024-09-19 08:45:00 发布
阅读量216 收藏
点赞数
分类专栏： 前端 Vue 学习笔记 文章标签： vue 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tang__CT/article/details/124276625
版权
本文探讨了Cookie、LocalStorage和SessionStorage的基本概念、异同、API及应用场景。Cookie主要用于登录信息存储，大小有限制，安全性较低。LocalStorage和SessionStorage是HTML5特性，用于本地存储，其中SessionStorage数据在会话结束时清除，LocalStorage则长期存储，两者都不会随HTTP请求发送，相对安全。
摘要由CSDN通过智能技术生成

Cookie、LocalStorage、SessionStorage的异同

基本概念

  • Cookie 的大小限制为4kb左右，主要作用是保存登录信息，比如登录某个网站时候看到“记住密码”，一般都是通过在 Cookie 中存入一段辨别用户身份的数据来实现的
  • LocalStorage 和 sessionStorage 都是 HTML5 标准中新加入的技术，主要用来做本地存储，但是二者保存数据的生命周期不同
  • Session 是“会话”的意思，sessionStorage 只是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在，但当页面关闭后，sessionStorage 中的数据就会被清空。而 LocalStorage 存储的数据除非被清除，否者永远存在本地

Cookie与Session的区别

  • cookie数据存放在浏览器中，session数据存放在服务器上
  • cookie是不安全的，别人可以分析存放在本地的cookie并进行cookie诈骗，考虑到安全性能，应尽量使用session
  • session会在一定时间内保存在服务器上。当访问增多时，会比较占用服务器的性能。考虑到服务性能，应尽量使用cookie
  • 单个cookie保存的数据不能超过4k，很多浏览器都限制一个站点最多保存20个cookie

cookie和session都用来存储用户信息，cookie存放于客户端有可能被窃取，所以cookie一般用来存放不敏感的信息，比如用户设置的网站主题，敏感的信息用

最低0.47元/天 解锁文章
Tangctt
关注
专栏目录
localStorage存储对象，sessionStorage存储数组对象 ,cookie、localStorage和sessionStorage 区别
amyloverice的博客
09-30 3772
  前言 最近在用angular做商城购物车的功能模块，因为angular的watch监听，数据只要发生变化就能很方便的自动渲染页面。但随即出现的问题是，之前用户操作的样式都会被重置掉。 例如我勾选了几个商品准备结算，又修改了商品数量，这时候发起了请求，页面数据被渲染，打钩的商品全被恢复未选中。 想着将所有选中商品的独有Id存入数组，利用localStorage存储，每次刷新都取到存储的数...
详解cookie，session，localStorage，sessionStorage的区别
Dax1_的博客
11-29 2911
cookie 和 session 区别 cookie数据存放在浏览器中，session数据存放在服务器上 cookie是不安全的，别人可以分析存放在本地的cookie并进行cookie诈骗，考虑到安全性能，应尽量使用session session会在一定时间内保存在服务器上。当访问增多时，会比较占用服务器的性能。考虑到服务性能，应尽量使用cookie 单个cookie保存的数据不能超过4k，很多浏览器都限制一个站点最多保存20个cookie cookie和session都用来存储用户信息，cookie存
浅谈session,cookie,sessionStorage,localStorage的区别及应用场景
John的专栏
01-22 7875
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏...
JS | 详解浏览器存储机制cookies、sessionStorage和localStorage的区别
最新发布
青春木鱼的博客
09-19 1329
使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制，当数据需要被严格控制在客户端上时，无需持续的将数据发回服务器。主要目标：1.提供一种在Cookie之外存储会话数据的途径；2.提供一种存储大量可以跨会话存在的数据的机制。
cookie、 sessionStorage 、localStorage之间的区别和使用
weixin_33985507的博客
06-27 245
1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都是仅...
cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式...
weixin_33705053的博客
11-27 546
写在前面：前端开发的时候，在网页刷新的时候，所有数据都会被清空，这时候就要用到本地存储的技术，前端本地存储的方式有三种，分别是cookie，localstorage和sessionStorage ，这是大家都知道的。本文的主要内容就是针对这三者的存放、获取，区别、应用场景。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。 本文首发于我的个人blog：obkoro1....
Cookie、Session、LocalStorage 和 SessionStorage 的区别详解
m0_65084430的博客
06-15 4097
在前端开发中，数据存储和状态管理是非常重要的内容。常用的存储方式有 Cookie、Session、LocalStorage 和 SessionStorage。本文将详细介绍这四者的区别，帮助开发者更好地理解和选择合适的存储方案。Cookie 是由服务器生成并发送到客户端的一小段数据，客户端会将其存储并在后续请求中携带，帮助服务器识别用户。用户身份认证（如记住登录状态）存储用户偏好设置跟踪用户行为（如广告点击记录）// 设置 Cookiepath=/";// 读取 Cookie。
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
11-20
cookie sessionstorage localstorage ，那么这三种数据的存储又有什么关系呢？让我们一起来看看吧 cookie:保存cookie值： var dataCookie='110'; [removed] = 'token' + "=" +dataCookie; 获取指定名称的cookie值 ...
cookie,localStorage,sessionStorage的异同
07-08
cookie、localStorage和sessionStorage都是Web浏览器用于存储数据的技术，它们的主要区别在于生命周期、数据大小限制和安全性： 1. Cookie: - **生命周期**: 最长可达有效期（设置的Expires日期），默认浏览器会随...
cookie、localStorage、sessionStorage的概念及异同
06-26
Cookie、localStorage 和 sessionStorage 都是前端Web开发中用于存储数据的技术，但它们在数据的生命周期、存储空间和安全性上有所不同。 1. Cookie: - **概念**: Cookies是由服务器发送给客户端（浏览器）的小型...
LocalStorage与Cookie的异同
digua523的博客
01-11 2658
本地存储(Web Storage/localStorage)与会话存储(Cookie) 1>相同之处： 1.二者都可能会被禁用； 2.存储的数据量都有最大限制: 2.1.Cookie内存为4kb； 2.2.Web Storage是5MB或者更少一些； 3.用户随时可以删除或创建/修改存储目录中的内容； 4.浏览器也可能会自动让存储目录中的内容"过期"； 5.空间配额是以域名为...
cookie、sessionStorage和localStorage的共同点与不同点
weixin_47657577的博客
05-19 321
cookie、sessionStorage和localStorage的共同点与不同点 一、主要关注点 ①数据存储的位置 ②生命周期 ③能够存储的大小 ④数据的写入方式 ⑤数据的共享情况 ⑥发送请求是是否携带 ⑦使用的场景 二、她们之间的区别 1.共同点 ①都是将数据存储到浏览器本地 ②数据共享都是遵循同源原则 2.cookie ①写入方式：由服务端写入 ②生命周期是由服务器在写入的时候就设置好了 ③存储大小为4KB ④在前端往服务端发送请求时候会自动携带cookie数据 ⑤应用场景：一般用于存储登录验证的S
cookie、localStorage和sessionStorage三者的区别
04-28 2036
cookie、localStorage和sessionStorage三者的区别
session、cookie、WebStorage（sessionStorage，localStorage）区别
huhm_evget的博客
04-21 722
cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie机制 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中
Cookie, LocalStorage 与 SessionStorage的区别
_陌默
09-26 331
首先它们的作用都是储存数据，但是具体的作用各有千秋： 1.sessionStorage，首先‘session’是会话的意思，sessionStorage 它可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但当页面关闭后，sessionStorage 中的数据就会被清空。 2.localStorage，本地缓存，除非被清除，否则永久保存。 3.cookie，首先‘cookie’是...
cookie，localStorage和sessionStorage区别
每天多一点干货
02-27 551
基本概念cookiecookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。你可以使用JavaScript来创建和取回cookie的值。cookie分为会话cookie和持久cookie，会话cookie是指在不设定它的生命周期expires时的状态，前面说了，浏览器的开启和关闭就是一次会话，而关闭浏览器时，会话cookie就会随着浏览器销毁...
Cookie、session和localStorage、以及sessionStorage之间的区别
lxhjh的专栏
04-04 305
来自：https://blog.csdn.net/ruby_xc/article/details/65939988一、Cookie、session和localStorage的区别cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期...
Cookie、sessionStorage和localStorage的区别
m0_56649557的博客
09-15 1804
Cookie 在Html5之前Cookie用于客户端和服务器端的通信，具有本地存储功能，Cookie的存储非常小，只有4k大小，主要用于保存登录信息，Cookie的内容主要包括：名字、值、过期时间、路径和域。 localStorage localStorage是Html5的一个新特性，主要是用来作为本地存储来使用的，解决了cookie存储控件不足的缺点，localStorage中一般浏览器的支持是5M大小，在不同浏览器中会有所不同。local是“本地”的意思，即本地存储，localStorage会将数据保存
cookie localstorage sessionstorage
09-03
Cookie、LocalStorage和SessionStorage是在Web开发中常用的存储数据的方式。 Cookie是一种存储在用户计算机上的小型文本文件，由服务器通过HTTP响应发送给浏览器，浏览器会将Cookie保存，并在后续的请求中通过HTTP...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值