Cookie、SessionStronge、LocalStronge的区别

已于 2022-01-20 11:14:13 修改
阅读量1.1k 收藏 2
点赞数
文章标签： 前端 http 网络协议
于 2022-01-20 10:16:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yuli_love_dance/article/details/122595240
版权

在同一浏览器下生命周期不同

Cookie生命周期: 默认是关闭浏览器后失效, 但是也可以设置过期时间

SessionStorage生命周期: 仅在当前会话(窗口)下有效，关闭窗口或浏览器后被清除, 不能设置过期时间

LocalStorage生命周期: 除非被清除，否则永久保存

容量不同

Cookie容量限制: 大小(4KB左右)和个数(20~50)

SessionStorage和LocalStorage容量限制: 大小(5M左右)

网络请求不同

Cookie网络请求: 每次都会携带在HTTP请求头中，如果使用cookie保存过多数据会带来性能问题

SessionStorage和LocalStorage网络请求: 仅在浏览器中保存，不参与和服务器的通信

应用场景不同

Cookie: 判断用户是否登录

sessionStorage: 表单数据 LocalStorage: 购物车

需要注意的是：无论通过哪种方式存储的数据, 都不能将敏感数据直接存储到本地

Yuri_hiphop
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cookie,localStrong,sessionStorage
weixin_44627935的博客
06-04 210
1、如何实现跨页面传值   1> a标签 或者 location.href   2> 存储(cookie,localStorage,sessionStorage) 2、cookie,localStrong,sessionStorage的区别   1> cookie存储量小受到限制，设置过期时间删除，前后端自动同步；   2> localStorage存储量大，需手动删除   3> sessionStorage临时存储，关闭浏览器自动清除 3、冒泡与捕获   事件由子级传向父级，称之为事件冒泡
localStroage和 sessionStorage以及 cookie的区别
u010180452的博客
06-28 497
1. localStroage 和 sessionStorage 以及 cookie 的区别。 首先总的来说，三者都是用于持久化数据存储的手段，都是存储在浏览器端，且同源（协议，端口号，都域名相同） ​ localStorage 和s essionStorage 都是Web存储，大小5M左右，完全存储在客户端，它们是因为本地存储数据而存在 ​ cookies也是存储在浏览器端的，大...
本地储存localStorage与cookie的区别
Drenched的博客
06-05 8291
今天来介绍一下  本地储存localStorage与cookie的区别 ① cookie在浏览器与服务器之间来回传递。 sessionStorage和localStorage不会把数据发给服务器，仅在本地保存 ②数据有效期不同： cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 sessionStorage：仅在当前浏览器窗口关闭前有效。 localSto
本地存储（Local Storage ）和cookies（储存在用户本地终端上的数据）之间的区别是什么？
qq_43141894的博客
09-07 5751
Cookies:服务器和客户端都可以访问；大小只有4KB左右；有有效期，过期后将会删除； 本地存储：只有本地浏览器端可访问数据，服务器不能访问本地存储直到故意通过POST或者GET的通道发送到服务器；每个域5MB；没有过期数据，它将保留直到用户从浏览器清除或者使用Javascript代码移除...
sessionStorag、localStorage、的区别
Farmer_Lsm的博客
02-03 309
三者的相同点：都是保存在浏览器端的，且同源的。 不同点： cookie数据始终在同源的http请求中携带，而sessionStorage和localStorage不会把保存的数据发给服务器，仅在本地保存 cookie数据有路径的概念，可以限制cookie只属于某个路径下 cookie的储存大小只有4k，sessionStorag...
浅谈COOKIE和SESSION区别
10-23
在PHP面试中经常碰到请阐述session与cookie的区别与联系,以及如何修改两者的有效时间。具体来说cookie机制采用的是在客户端保持状态的方案，而session机制采用的是在服务器端保持状态的方案。
Session和Cookie区别.docx
12-23
Session和Cookie区别
cookie和session区别
12-18
这是一份关于cookie和session的知识文档,有关于cookie是什么,图解,cookie对比session有哪些不好,session是什么图解
浅谈cookie 和session 的区别
09-02
下面小编就为大家带来一篇浅谈cookie 和session 的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
cookie、sessionStorage和localStorage的区别
最新发布
04-01
cookie、sessionStorage和localStorage的区别
localStroage和sessionStroage
qq_38401285的博客
03-13 2617
客服端存储数据的两个对象：localStroage（没有时间限制的存储，除非被清除，否则永久保留）。sessionStroage（短时间存储，仅在当前会话有效，当页面关闭或者浏览器 关闭时被清除）。localStroage 例子：html代码：<style> #box{ width: 400px; overflow: hidden; border:2px solid #ccc; ...
详细解析cookie，sessionStroage和localStroage的区别
qq_39155611的博客
06-11 1371
详细解析cookie，sessionStroage和localStroage的区别 前面我们说到了JavaScript中的缓存对象，主要是cookie,sessionStroage和localStroage，今天我们来讲一下这三者之间的区别。 共同点 都是保存在浏览器端，且同源的。(所谓同源就是协议，域名，端口号相同)。 都是字符串类型的键值对。 区别 1.cookie HTTP Cookie简称cookie,在HTTP请求发送Set-Cookie HTTP头作为响应的一部分。通过name=valu
前端面试常问cookie、session、localStrorage、sessionStrorage区别以及应用场景
qq_39872626的博客
05-10 1335
一、cookie 保存方式：cookie保存在浏览器端 生命周期：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。 作用：用来跟踪浏览器用户身份的会话方式 版本：HTML4本地存储 存储的大小：单个cookie保存的数据不能超过4kb 应用场景： （1）判断用户是否登陆过网站，以便下次
localStorage和sessionStorage讲解
qq_45378970的博客
10-04 380
本地存储html5本地存储localStoragelocalStorage API总结sessionStoragecookie和stotage的区别 html5本地存储 1.localStorage 2.sessionStorage localStorage 1.localStorage为永久性保存数据，不会随着浏览器的关闭而消失，可以在同域名跨页访问。 2.按域名进行存储，不会和其他域名冲突 3.键值对存储：key/value localStorage API总结 setItem(key , valu
Local Storage和Session Storage详解
风吹过的博客
08-06 6653
Local Storage和Session Storage详解 1. 来历 在HTML5中新加了Web Storage的储存方式，主要是为了弥补Cookie储存容量的不足。Web Storage分为Local Storage和 Session Storage。 2. 优缺点 优点 Web Storage 拓展了 cookie 的 4K 限制。 Web Storage 会可以将第一次请求的数据直接存储到本地，这个相当于一个 5M 大小的针对于前端页面的数据库，相比于 cookie 可以节约带宽，但是这个却是
cookie、session、storage总结
keun的博客
09-17 410
一、cookie1、cookie：记录客户端和服务器端交互的信息。 cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。 在JavaScript中可以通过 document.cookie 来读取或设置这些信息。由于 cookie 多用在客户端和服务端之间进行通信，所以除了JavaScript以外，服务端的语言（如PHP）也可以存取 cookie。 2、Cookie在
面试题20：localStorge与sessionStorge、cookie区别
qq_51066068的博客
04-25 2399
面试官：请说一下localStorge与sessionStorge、cookie区别 html5中的Web Storage包括了两种存储方式。localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问。并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅是会话级别的存储。只允许同一窗口访问。而localStorage.
HTML5 sessionStorage会话存储
weixin_34238642的博客
07-20 2303
 　　sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 目录 1. 介绍 　　1.1 说明 　　1.2 特点 　　1.3 浏览器最小版本支持 　　1.4 适合场景 2. 成员 　　2.1 属性...
LocalStorage和sessionStorage之间的区别
热门推荐
fcdd123的专栏
02-21 3万+
在HTML 5 最开始时，本地存储有两种方式：一种是web Storage，另一种是web SQL。由于web SQL的实现是基于SQLite，它更倾向于DataBase方向，且W3C官方在2011年11月宣布不在维护web SQL规范，故其API接口目前已经不属于HTML 5的范畴。因此，目前我们常讲的HTML 5本地存储，多指的是web Storage。
session和cookie和token区别
03-07
Session、Cookie和Token是常用于Web应用中的身份验证和状态管理的机制，它们有以下区别： 1. Session（会话）：Session是一种服务器端的状态管理机制。当用户第一次访问网站时，服务器会为该用户创建一个唯一的Session ID，并将该ID存储在Cookie中发送给客户端。客户端在后续的请求中通过Cookie中的Session ID来标识自己。服务器根据Session ID来查找对应的会话数据，从而实现用户状态的管理。 2. Cookie（HTTP Cookie）：Cookie是一种客户端的状态管理机制。服务器在响应中通过Set-Cookie头部将一些数据存储在客户端，客户端在后续的请求中通过Cookie头部将这些数据发送给服务器。服务器根据Cookie中的数据来识别用户并进行相应的处理。 3. Token（令牌）：Token是一种无的身份验证机制。当用户登录成功后，服务器会一个Token并返回给客户端。客户端在后续的请求中通过在请求头或参数中携带Token来进行身份验证。服务器通过验证Token的有效性来确定用户身份。 区别： - 存储位置：Session和Token存储在服务器端，而Cookie存储在客户端。 - 数据安全性：Token相对较安全，因为它可以使用加密算法进行签名和验证；而Cookie可以被窃取或篡改。 - 扩展性：Token可以用于多个应用程序，而Cookie只能在同一域名下共享。 - 状态管理：Session和Cookie可以用于管理用户的状态信息，而Token主要用于身份验证。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值