cookie，localstorage,sessionstorage是否还傻傻分不清？

最新推荐文章于 2025-06-29 16:13:03 发布
原创 最新推荐文章于 2025-06-29 16:13:03 发布 · 203 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细比较了Cookie、LocalStorage和SessionStorage三种浏览器储存方式的特性，包括数据生命周期、储存大小及与服务端通信能力，帮助读者理解各自的优缺点。

cookie，localstorage，sessionstorage都是一种储存方式，都是储存在浏览器本地上。但是我们主要看他们之间有何缺点。

cookie：一般由服务器生成，可以设置过期时间，不管窗口是否关闭，只要没过期就都一直存在，cookie的数据会在http头请求中携带，在浏览器和服务器中来回传递，与服务器端通信（重点），主要用于保存密码，下次自动登录，会加密保存。数据储存较小，只有4-10k。

localstorage：数据储存笔cookie大的多，但也有限制，可以达到5M或更大，但不能与服务器端通信，仅在本地保存。可以持久储存数据，除非手动删除，否则会一直存在。

sessionstorage：和localstorage类似储存大小也为5M，同样不能与服务器端通信，只在本地保存。但是数据会在浏览器窗口关闭后自动删除。

为了让读者更加明了，易于对比，可以看表格！

                                                                    对照表

特性cookielocalstorgesessionstorage
数据生命周期一般由服务器生成，可以设置过期时间持久储存数据，除非手动删除浏览器窗口关闭后自动删除
数据储存大小4k5M5M
与服务端通信每次都会携带在header中，对于请求性能影响不参与不参与

 

精选资源
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
本地存储之cookie、localStorage、sessionStorage
weixin_30727835的博客
07-24 79
1、cookie存储在本地，容量最大4k，在同源的http请求时携带传递，损耗带宽，可设置访问路径，只有此路径及此路径的子路径才能访问此cookie，在设置的过期时间之前有效。但是cookie不适合大量数据的存储，因为他们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率不高。 a、jquery设置cookie。expires过期时间 $.cookie("mycookie"，"ok...
cookie和localStorage以及sessionStorage的区别
肖肖肖丽珠的博客
05-19 140
cookie：存储的数据量比较小，4kb左右，cookie在浏览器和服务器间来回传递。在与服务器通信时，携带在http请求头中，可以在同源的页面之间共享，有失效日期。 sessionStorage：只在当前会话窗口有效，窗口关闭sessionStorage清除，保存在客户端不与服务器进行通信。在不同浏览器的相同窗口也不会共享。 localStorage ：保存在客户端，不与服务器进行通信。只要不手动删除，长期有效。存储的数据量为5Mb或者是更大，可以在同源的页面之间共享。 为什么cookie.
cookie localstorage sessionstorage indexDB
热门推荐
海贼懒懒
10-31 16万+
cookie：key/value 单个cookie保存的数据不能超过4kb,每次访问都要传送cookie给服务器，可以设置过期时间，和域名绑定 localstorage：key/value  一直存储于本地硬盘（浏览器中可以删除），一般数据最大5MB（各个浏览器不一样），和域名绑定 sessionStorage：key/value 关闭页面或浏览器后被清除，最大5MB，和域名绑定 index...
用sessionStorage传输数据
依然的博客
07-27 974
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具和关键技术：Visual Studio 2015，JavaScript 作者：金建勇 撰写时间：2019年7月25日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 在做项目过程中，涉及到业务模块的时候，有时需要通过跳转页面传...
cookie，localStorage，sessionStorage，indexDB区别
zhaoyahui的博客
09-20 873
特性 cookie localStorage sessionStorage indexDB 数据生命周期 一般由服务器生成，可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在 数据存储大小 4K 5M 5M 无限 与服务端通信 每次都会携带在 header 中，对于请求...
localStorage和sessionStorage与cookie
weixin_48927323的博客
09-08 5610
1）Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的，cookie的大小是受限的，并且每次请求一个新的页面的时候cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可跨域调用。session对象可以用来保存在这段时间内所要求保存的任何数据。4）服务器端可以保存用户的持久数据，如数据库和云存储将用户的大量数据保存在服务器端 ，服务器端也可以保存用户的临时会话数据，服务器端的session机制，如jsp的session对象，数据保存在服务器上。
cookie localStorage sessionStorage
qq_40826764的博客
03-14 350
前言 今天学习一下前端浏览器缓存的三种方式。 正文 三者的异同 特性 Cookie localStorage sessionStorage 数据的生命期 可设置失效时间，默认是关闭浏览器后失效 除非被清除，否则永久保存 仅在当前会话下有效，关闭页面或浏览器后被清除 存放数据大小 4K左右 一般为5MB 一般为5MB 与服务器端通信 每次都会携带在HTTP头中，如果使用coo...
深入解析 Cookie、LocalStorage 和 SessionStorage
ya3288426755的博客
06-29 1402
特性Cookie设计初衷在客户端和服务器间传递状态信息持久化存储较大客户端数据会话级存储客户端数据存储容量很小 (~4KB)，数量有限较大 (5-10MB)较大 (5-10MB)生命周期可设置过期时间（持久 Cookie）或会话结束（会话 Cookie）永久存储，直到用户或 JS 清除当前标签页/窗口会话结束时清除作用域由DomainPath限定同源策略（协议+域名+端口）同源策略（协议+域名+端口）标签页隔离否（同域同路径共享）否（同源页面共享）是（每个标签页独立）随 HTTP 请求发送。
精选资源
Cookie localStorage sessionStorage区别和使用
01-07
Cookie Cookie是什么：指某些网站存储在用户本地终端的数据 作用理解：登陆一个网站，保存了数据，近期不用再登录 应用层面来说：cookie是一段字符串； js层面来说：cookie是document对象下的一个String类型的属性 ...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
深入理解Web存储机制：Cookie、SessionStorage与LocalStorage的区别
chaosweet的博客
01-13 1311
选择正确的工具是成功的开始。
cookie localstorage sessionstorage
09-03
Cookie、LocalStorage和SessionStorage是在Web开发中常用的存储数据的方式。 Cookie是一种存储在用户计算机上的小型文本文件，由服务器通过HTTP响应发送给浏览器，浏览器会将Cookie保存，并在后续的请求中通过HTTP...
粒子群优化与遗传算法的混合体应用于流车间调度.zip
12-01
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
Pytorch基于LSTM-KAN、BiLSTM-KAN、GRU-KAN、TCN-KAN、Transformer-KAN(各种KAN修改一行代码搞定)的共享单车租赁预测研究(数据可换)Python
最新发布
12-01
【Pytorch】基于LSTM-KAN、BiLSTM-KAN、GRU-KAN、TCN-KAN、Transformer-KAN(各种KAN修改一行代码搞定)的共享单车租赁预测研究(数据可换)Python
【无线传感器】使用 MATLAB和 XBee连续监控温度传感器无线网络研究（Matlab代码实现）
12-01
【无线传感器】使用 MATLAB和 XBee连续监控温度传感器无线网络研究（Matlab代码实现）内容概要：本文围绕使用MATLAB和XBee技术实现温度传感器无线网络的连续监控展开研究，介绍了如何构建无线传感网络系统，并利用MATLAB进行数据采集、处理与可视化分析。系统通过XBee模块实现传感器节点间的无线通信，实时传输温度数据至主机，MATLAB负责接收并处理数据，实现对环境温度的动态监测。文中详细阐述了硬件连接、通信协议配置、数据解析及软件编程实现过程，并提供了完整的MATLAB代码示例，便于读者复现和应用。该方案具有良好的扩展性和实用性，适用于远程环境监测场景。; 适合人群：具备一定MATLAB编程基础和无线通信基础知识的高校学生、科研人员及工程技术人员，尤其适合从事物联网、传感器网络相关项目开发的初学者与中级开发者。; 使用场景及目标：①实现基于XBee的无线温度传感网络搭建；②掌握MATLAB与无线模块的数据通信方法；③完成实时数据采集、处理与可视化；④为环境监测、工业测控等实际应用场景提供技术参考。; 阅读建议：建议读者结合文中提供的MATLAB代码与硬件连接图进行实践操作，先从简单的点对点通信入手，逐步扩展到多节点网络，同时可进一步探索数据滤波、异常检测、远程报警等功能的集成。
ASP.NET Core 深度学习 .NET 9 课程资料.rar
12-01
ASP.NET Core 深度学习 .NET 9 课程资料.rar
边缘计算基于芯片选型与模型优化的AI部署技术：面向低功耗高帧率场景的实战方法与系统设计
12-01
内容概要：本文系统讲解了边缘AI模型部署与优化的完整流程，涵盖核心挑战（算力、功耗、实时性、资源限制）与设计原则，详细对比主流边缘AI芯片平台（如ESP32-S3、RK3588、Jetson系列、Coral等）的性能参数与适用场景，并以RK3588部署YOLOv8为例，演示从PyTorch模型导出、ONNX转换、RKNN量化到Tengine推理的全流程。文章重点介绍多维度优化策略，包括模型轻量化（结构选择、输入尺寸调整）、量化（INT8/FP16）、剪枝与蒸馏、算子融合、批处理、硬件加速预处理及DVFS动态调频等，显著提升帧率并降低功耗。通过三个实战案例验证优化效果，最后提供常见问题解决方案与未来技术趋势。; 适合人群：具备一定AI模型开发经验的工程师，尤其是从事边缘计算、嵌入式AI、计算机视觉应用研发的技术人员，工作年限建议1-5年；熟悉Python、C++及深度学习框架（如PyTorch、TensorFlow）者更佳。; 使用场景及目标：①在资源受限的边缘设备上高效部署AI模型；②实现高帧率与低功耗的双重优化目标；③掌握从芯片选型、模型转换到系统级调优的全链路能力；④解决实际部署中的精度损失、内存溢出、NPU利用率低等问题。; 阅读建议：建议结合文中提供的代码实例与工具链（如RKNN Toolkit、Tengine、TensorRT）动手实践，重点关注量化校准、模型压缩与硬件协同优化环节，同时参考选型表格匹配具体应用场景，并利用功耗监测工具进行闭环调优。
（58页PPT）数字乡村初步解决方案.pptx
12-01
（58页PPT）数字乡村初步解决方案.pptx
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值