cookie与storage的区别(JS)

最新推荐文章于 2024-05-30 13:59:14 发布
最新推荐文章于 2024-05-30 13:59:14 发布
阅读量273 收藏
点赞数 2
分类专栏： 前端 JavaScript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48649246/article/details/127614563
版权

1.出现时间
cookie:有JS的时候就有了
storage:有\H5以后才有的

2.存储大小
cookie:4kb
storage:20MB

3.前后端交互(前端向后端发送请求)
cookie:交互时请求默认携带cookie
storage:交互式请求不会携带,属于前端人员配置出传递

4.前后端操作
co4.okie:不管前后端语言都可操作
storage:只能在前端语言来操作

5.过期时间
cookie:默会话画级,页面关闭,存储消失;可以通过手动配置
storage:不能通过手动配置.

localstorage与sessionstorage的区别
过期时间:
localstorage:永久存储,除非手动清理
sessionstorage:会话级别, 关闭页面,存储就失效

兰de宝贝
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript学习教程之cookie与webstorage
10-16
主要给大家介绍了关于JavaScript学习教程之cookie与webstorage的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
cookie和localStorage的区别
qq_35574915的博客
10-28 657
cookie和localStorage的区别： 最重要的区别就是每一次请求都会带有cookie，占用带宽。 http://devilswrwr.blog.163.com/blog/static/6583867020124822919358/
JavaScript中的cookie、localStorage的区别和特点
zhang20040217的博客
04-14 575
都有各自的优点和缺点，具体使用哪种方法取决于你的需求。如果你需要存储的数据量不大，并且需要随着HTTP请求一起发送，那么。可能是一个好的选择。如果你需要存储大量数据，并且这些数据不需要随着HTTP请求一起发送，那么。都是用于在客户端存储数据的方法，但它们有一些重要的区别和特点。在JavaScript中，可能是一个更好的选择。
Cookie、Storage区别？
weixin_43575002的博客
07-29 190
存储大小：Cookie:4k Storage:5M； 有效期：Cookie拥有有效期，Storage永久存储； 路径：Cookie有路径限制，Storage只存储在域名下； API：Cookie没有特定的API，Storage有对应的API； Cookie会发送到服务器端，存储在内存中，Storage只存储在浏览器端； ...
cookies与storage的区别
qq593249106的博客
10-21 328
前端面试题之cookies与storage的区别 共同点：都是保存在浏览器端，且同源的。 区别： cookies每次发送请求都会被携带，会造成带宽浪费，storage则不会，保存在本地 cookies的大小和数量都有限制，大小一般在4K左右，storage达到5M或者更大 cookies有效期由服务器设置，localstorage本地永久保存，sessionstorage在当前浏览器关闭前有效 ...
js —— cookie & storage
我的博客
09-18 340
参考文章： https://www.cnblogs.com/bellow/p/4962374.html 一、 cookie 1. 介绍： cookie是浏览器提供的一种机制，它将document对象的cookie属性提供给JavaScript。以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名（硬盘中...
cookie与storage的用法与区别
云中客的博客
07-25 6579
    在最近的新项目中，用的是vue+Element的经典组合，Element自带的存储用的是轻量级的js cookie插件：js-cookie。在浏览器中F12检查元素，之后点击Application，即可看到Local Storage、Session Storage、Cookie，可以看出，前二者的存储是由key和value(键值对)组成，而Cookie则包含名称、值、到期时间、所属域名、生...
cookie以及Storage的共同点、区别与使用
hannah2233的博客
09-09 1813
cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和 服务器间来回传递。数据有效期不同：cookie只在设置的cookie过期时间之前有效，即使窗口关闭或者浏览器关闭。Storage也有存储大小的限制，但比cookie大得多，可以达到5M或更大。webStorage支持事件通知机制，可以将数据更新的通知发送给监听者。Storage不会自动把数据发送给服务器，仅在本地保存。存储大小限制不同： cookie数据不能超过4K。作用域不同： 在所有同源窗口中都是共享的。
cookie与Webstorage的区别
Alex_717的博客
10-12 2349
WebStorage分为 localStorage 和 sessionStorage。 Cookie数量和长度的限制。每个domain最多只能有20条cookie，每个cookie长度不能超过4KB。另外还有安全性问题，如果cookie被人拦截了，那么别人就可以取得所有的session信息。   cookie与Webstorage的区别： 1、存储大小不同       cookie的大小...
Cookie与Storage区别
zibo736246的博客
09-29 316
JavaScript关于cookie与storage的区别
angular-translate-storage-cookie
07-01
用于 angular-translate-storage-cookie 的 WebJar 更多信息： : 上游： :
storage.js:Storage.js，简单HTML5页面编辑。 围绕localStorage API的jQuery插件
05-11
Storage.js v2.0 ... 请注意：您可以在以下位置找到未缩小的版本： ://cdn.jsdelivr.net/storagejs/2.0/storage.js < script src =" http://cdn.jsdelivr.net/cookiejs/0.1/cookie.min.js " > </
总结JavaScript三种数据存储方式之间的区别
10-22
主要介绍了JavaScript三种数据存储方式之间的区别,指的分别是sessionStorage和localStorage以及cookie三种浏览器端的数据存储方式,需要的朋友可以参考下
【redis】Spring之RedisTemplate配置与使用
05-30 328
转载：Spring之RedisTemplate配置与使用用过redis，但直接使用Jedis进行相应的交互操作，现在正好来看一下RedisTemplate是怎么实现的，以及使用起来是否更加便利。
`“use strict“`在JavaScript中是什么？它背后的原理是什么？
Jerry学长
05-27 1091
JavaScript的严格模式（strict mode）是ECMAScript 5引入的一项特性。如果你在脚本或函数的顶部声明 ，你就启用了严格模式： 当JavaScript引擎看到这个指令时，它将开始以一种特殊的模式解释代码。在这种模式下，当检测到某些可能导致潜在错误的编码实践时，会抛出错误。这就是严格模式背后的基本原理。考虑下面这个例子： 开发者可能因为强迫症而对齐数值字面量，但这样会无意中使变量 初始化为八进制字面量。在非严格模式下，这将被解释为值 （十进制）。然而，在严格模式下，这样的代码会抛出错
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1199
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
解决renren-fast地图使用echarts报错
最新发布
Start_t的博客
05-30 208
原因：renrenfast 框架 中 plugins预设了 echarts 插件（3.8.5），并且设置了 // 引入外部库, 无需webpack打包处理。如果引用自己安装的echarts 需要 注释掉build\webpack.base.conf.js 中 externals 的echarts。始终报错，无法安装自己定义的echarts版本（5.4.1），console.log出来是3.84。会提示以下错误或者其他。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 516
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
storage和cookie的区别
06-03
localStorage 和 sessionStorage 与 cookie 的区别主要有以下几点： 1. 容量大小：cookie 的大小限制为 4KB，而 localStorage 和 sessionStorage 可以存储更大的数据，一般为 5MB 或更大。 2. 存储时效：cookie ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

兰de宝贝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值