session/cookie/webstorage/localstorage/sessionstorage的基础和异同

最新推荐文章于 2024-08-08 16:18:02 发布
最新推荐文章于 2024-08-08 16:18:02 发布
阅读量119 收藏
点赞数
分类专栏： 前端 文章标签： session cookie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/coca_cora_/article/details/118519008
版权
本文介绍了session和cookie作为跟踪浏览器用户身份的会话方式，探讨了WebStorage（包括localStorage和sessionStorage）的用途，旨在克服cookie的限制，提供更大容量和不同存储期限的本地数据存储解决方案。
摘要由CSDN通过智能技术生成

session/cookie

都是用来跟踪浏览器用户身份的会话方式

SESSION COOKIE
- 保存在服务器端 - 保存在浏览器端
- session是后端会话机制，通过类似hashtable的数据结构来保存，支持任何类型的对象(session中可含有多个对象)。 - cookie是服务器发给客户端的特殊信息（http协议的一部分），cookie以文本的方式保存（字符串类型）在客户端，每次请求时都带上它。
大小 - session大小没有限制。 - 单个cookie保存的数据不能超过4kb。
使用机制 客户端请求创建session对象
⬇️
检查其中是否包含sessionid
⬇️
🈶️服务器根据该id返回对象 / 🈚️服务器创建新session对象并返回sessionid给客户端
⬇️
sessionid以cookie的形式存储在客户端，在交互中浏览器按照规则将sessionid发送给服务器		 1. 会话cookie࿱
最低0.47元/天 解锁文章
Vaccucora
关注
专栏目录
使用userdata和localstorage做跨浏览器本地储存
xcntime的专栏
01-30 891
From : http://www.dewen.org/q/4108/h5%E7%9A%84localStorage%E5%92%8C%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8IE6%E3%80%81IE7%E4%B8%8D%E6%94%AF%E6%8C%81 1.浏览器支持 userData是微软为IE在系统中开辟的存储空间。因此只支持windows+IE。意
web前端之localStorage在缓存中对数组进行存储、获取、删除
爸爸去哪了2之熊猫三胞胎的博客
07-25 1万+
web前端之localStorage在缓存中对数组进行存储、获取、删除HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高
HTML5学习笔记——cookie、session、sessionStorage、localStorage的区别及应用场景
ass_ace
08-20 1398
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在客户端，session保存在服务器端 2、使用方式： （1）cookie机制：如果不在浏览器中设置过期时间，cookie被保...
在vue中使用session Storage和vuex保存用户登录状态
热门推荐
hellojoy的博客
04-10 2万+
https://www.jianshu.com/p/b2b634c77502 最近做项目需要保存用户登录状态，要做到刷新页面用户状态不变，以及实现登出功能。实际上是很简单的，但是对于vue新手来说，我找了好几个网址都讲的不是很清楚，磕磕绊绊理清了关系，在这里总结一下。 首先，vuex安装完成之后，构建如下目录： vuex目录结构 这样做的目的是降低代码的耦合度，方便以后的修改与维护。 ...
localStorage、sessionStorage、webStorage、cookie的异同
月来better
06-24 212
相同点： localStorage、sessionStorage、webStorage、cookie具有存储功能 不同点： sessionStorage用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话存储结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非手动删除数据，否则数据是永远不会过期的。 webStorage和cookie概念相似，但其最大的区别就是webStorag
web存储-cookie、localStorage、SessionStorage使用方式与异同点
monkey's的博客
04-01 234
存储的技术点，基本在每个项目上都在用（早期是用过隐藏表单临时存储数据，哈哈哈）， 也是找工作每次面试必问的问题，觉得还是有必要总结一下的 web存储方式 定义：web通信过程中，在客户端（浏览器、webview）对用户的数据做一些存储。项目中常用的cookie、localstorage、sessionstorage, 本地数据库IndexedDB、Web SQL基本没有用到过。 cookie 作用 携带用户的标识，帮助服务端区分不同的客户端 为什么存在？ 解决HTTP协议无状态，而服务端需要区分不同.
webStorage(localStorage和sessionStorage) ，Cookie和Session
qq_36002582的博客
03-22 234
参考文献： https://juejin.im/post/5cd9037ee51d456e5c5babca https://juejin.im/post/5aede266f265da0ba266e0ef https://juejin.im/entry/5ac4d661f265da23a049c92a localStorage和sessionStorage...
javaScript中的Cookie和web Storage(LocalStorage-SessionStorage)详解
qq_42072844的博客
05-11 381
javaScript中的Cookie和web Storage(LocalStorage-SessionStorage) 一、Cookie cookie称之为会话跟踪技术，顾名思义，就是在一次会话中跟踪记录一些状态。首先，所谓的”会话“指的就是从浏览器打开一个网站到访问它的其他网页直到浏览器关闭的这个过程。 cookie就可以在一次会话从开始到结束的整个过程，全程跟踪记录客户端的状态（例如：是否登录、购物车信息、是否已下载、是否 已点赞、视频播放进度等等）。 Cookie的特点 只能存储文本 单条存储有大小
一篇文章搞懂Cookie, sessionStorage 和 localStorage
AQiukai的博客
08-08 1180
本文章是本人在实习过程中遇到的知识点的自我整理和汇总，主要用于自己记录和回顾，如果可以帮到别人也是十分乐意的。这次详细解释了cookie、localStorage、sessionStorage的详细说明和这三者的区别
Cookie、LocalStorage、SessionStorage的异同
Tang__CT的博客
04-19 196
Cookie、LocalStorage、SessionStorage的异同 基本概念 Cookie 的大小限制为4kb左右，主要作用是保存登录信息，比如登录某个网站时候看到“记住密码”，一般都是通过在 Cookie 中存入一段辨别用户身份的数据来实现的 LocalStorage 和 sessionStorage 都是 HTML5 标准中新加入的技术，主要用来做本地存储，但是二者保存数据的生命周期不同 Session 是“会话”的意思，sessionStorage 只是可以将一部分数据在当前会话中保存下来，
浅谈cookie、sessionStorage 和 localStorage
筱葭的博客
02-28 4117
cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie与session的区别：cookie数据保存在客户端，session数据保存在服务器端。 如果web服务器端使用的是session，那么所有的数据都保存在服务器上，客户端每次请求服务器的时候会发送当前会话的sessionid，服务器根据当前sessionid判断相应的用户数据标志，以确定用户是否登录或具有某种权限。
浏览器/html/css面试题----1
MingL520的博客
05-24 325
CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的。CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
一文教你如何实现localStorage的过期机制
shengyin714959的博客
05-31 814
前言 我们都知道cookie存储的数据是可以添加过期时间属性（Expires/Max-Age），实现过期的。 那么，LocalStrorage、sessionStrorage可以设置过期吗？？ 带着这样的疑问，我们一层层剥开其神秘的面纱。 cookie过期机制 我们知道Expires和Max-age都可以设置cookie的过期时间，那么两者存在什么样的异同点呢？ expires和max-age的区别 Expires 设置的是绝对值，即直接设置当前cookie在什么时候过期。 就像下面..
考研复习-英语二真题考试题集-带答案
09-14
英语二考研真题复习资料，带答案版
2024中美独角兽公司发展分析报告.pdf
09-14
全球各大洲独角兽企业分布、中美独角兽企业对比（数量、估值、新增及退榜情况、行业分布、所在城市）、
C++ 中的异步编程模型是什么
09-14
在C++中，异步编程模型是处理并发任务、提高程序性能和响应性的关键技术。以下是C++中实现异步编程的几种主要方式： 每种异步编程模型都有其适用场景和优缺点。选择合适的模型可以提高代码的可读性、可维护性和性能。随着C++标准的不断发展，异步编程模型也在不断进化，为开发者提供了更多的工具和选择。 在实际开发中，应根据具体需求选择合适的异步编程模型。例如，对于简单的异步任务，回调函数可能是最直接的选择；而对于需要结构化错误处理和结果获取的复杂异步任务，std::async和std::future可能更合适；在需要高效资源管理的场景下，线程池是一个不错的选择；而对于需要编写大量异步代码的现代应用程序，协程提供了一种更简洁、更直观的解决方案。 总之，C++中的异步编程模型是多核和高并发环境下提高程序性能的重要工具。通过合理使用这些模型，开发者可以构建出更高效、更可靠的软件系统。
正则表达式Regex是一种文本模式.docx
最新发布
09-14
正则表达式（Regular Expression，简称Regex或Regexp）是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。正则表达式是强大的文本处理工具，广泛用于搜索、编辑或操作文本和数据。 基本组成 普通字符：大多数字符，包括所有大写和小写字母、所有数字、所有标点符号和一些其他符号，都是普通字符。正则表达式中的普通字符表示它们自身。例如，正则表达式test会匹配字符串"test"。 特殊字符（元字符）：一些字符在正则表达式中具有特殊的意义，如^、$、.、*、+、?、{、}、[、]、|、\等。这些特殊字符用于表示在搜索文本时要匹配的一个或多个字符。例如，.匹配除换行符之外的任何单个字符。 字符类：字符类允许你指定一组字符中的任何一个字符。例如，[abc]匹配"a"、"b"或"c"中的任意一个字符。你也可以使用范围，如[a-z]匹配任何小写字母。 预定义字符类：正则表达式提供了一些预定义字符类，用于匹配常见的字符集合。例如，\d匹配任何数字（等价于[0-9]），\s匹配任
基于struts+sqlserver网络购物系统毕业课程源码设计+论文资料
09-14
编号：150 系统功能： 展示网站最新的商品信息。 展示网站特价的商品信息。 为用户提供修改个人资料和查看在网站操作情况的平台。 提供用户在网站上购物的平台。 展示网站发布的公告信息。 展示商品的销量排行。 展示网站的友情链接信息。 对商品详细信息以及分类信息进行管理。 对用户基本资料、交易制度、消费情况及留言信息进行管理。 对用户提交的订单进行管理。 对管理员信息、网站公告信息、商业资讯信息及友情链接信息进行管理。 系统运行稳定，具有强大的数据处理能力。 操作注意事项 （1）本系统的用户名为：admin，密码为：admin （2）admin管理员的信息不能删除。 （3）用户注册登录后，可进行商品购买、商品信息查看以及订单查询操作。 （4）后台登陆地址：http://localhost:8080/WebShopping/bg-land.jsp。
HTML5 Web Storage深度解析：localStorage与sessionStorage
"本文详细介绍了HTML5中的本地存储机制Web Storage，包括localStorage和sessionStorage，以及它们与Cookie的对比和使用方法。" 在HTML4时代，网站应用依赖于Cookie来在用户浏览器中存储少量信息，但Cookie存在诸多...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值