Cookie LocalStorage 相关...

已于 2024-07-25 08:57:08 修改
阅读量10 收藏
点赞数 1
分类专栏： 前端技术 文章标签： 前端 local storage cookie web 隐私 GDPR
于 2024-07-25 08:33:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suiusoar/article/details/140678953
版权

Cookie

一个网站最多可以设置大约50个Cookie。

根据RFC 6265标准，‌浏览器对于每个域名的Cookie数量限制在50个左右，‌每个Cookie的大小限制在4KB左右。‌这个限制是为了防止网站过度使用Cookie占用用户的存储空间和影响浏览器性能。‌尽管没有明确的数量限制，‌但大多数浏览器会实施这样的限制来保护用户设备的资源和隐私。‌此外，‌浏览器还限制站点可以在用户计算机上存储的Cookie的数量，‌大多数浏览器只允许每个站点存储20个Cookie，‌但如果试图存储更多Cookie，‌则最旧的Cookie便会被丢弃。‌有些浏览器还会对它们将接受的来自所有站点的Cookie总数作出绝对限制，‌通常为300个

LocalStorage

  • 存储容量范围：LocalStorage的存储容量相对较大，一般为5MB至10MB不等。这个范围允许LocalStorage存储更多的数据，适合用于存储大型数据集或应用状态。
  • 持久化存储：LocalStorage是持久化存储，这意味着存储在其中的数据会保留在浏览器中，直到被显式清除（如通过JavaScript调用localStorage.clear()方法）。

特性 Cookie LocalStorage
单个存储容量 约4KB 5MB至10MB
数据发送 每次HTTP请求都会自动发送
了解本专栏 订阅专栏 解锁全文 超级会员免费看
营赢盈英
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
localStorage.setItem()使用
cc_byron的博客
11-18 2334
vue中 localStorage.setItem()使用 什么是localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 local...
sessionStorage与localStorage存储 localStorage.getItem(
cao919的专栏Net
06-13 3279
WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。Web Storage实际上由两部分组成：sessionStorage与localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这
localStorage.getItem
热门推荐
weixin_45677987的博客
03-09 3万+
1:localStorage.getItem WEB应用的快速发展，是的本地存储一些数据也成为一种重要的需求，实现的方案也有很多，最普通的就是cookie了，大家也经常都用，但是cookie的缺点是显而易见的，其他的方案比如：IE6以上的userData，Firefox下面的globalStorage，以及Flash的本地存储，除了Flash之外，其他的几个都有一些兼容性的问题。 2: localStorage的方法： localStorage.getItem(key):获取指定key本地存...
Window.localStorage
子燕若水的博客
01-09 2775
简介 该localStorages是window的只读属性window，允许您访问Storage对象，存取跨浏览器会话的数据。 localStorage与 类似sessionStorage，只是localStorage数据没有过期时间，sessionStorage当页面会话结束时，即页面关闭时，数据会被清除。 ​ 值 一个Storage可以用来访问当前源的本地存储空间的对象。 异常 SecurityError 该请求违反了策略决定，或者源不是有效的方案/主机/端口元组（..
基于jQuery的localStorage购物车.zip
02-24
因此，如果这个购物车系统部署在多个子域名下，需要考虑如何共享购物车信息，可能需要用到cookie或其他跨域解决方案。 8. **页面加载与初始化**：页面加载时，需要检查localStorage中是否已有购物车数据。如果有，...
杂学之(前端localStorage).docx
04-22
Cookie每个条目的存储限制为4KB，而`localStorage`通常支持5MB的数据存储，尽管不同浏览器的具体容量可能略有差异。 `localStorage`的主要优势在于： 1. **存储容量提升**：相比于Cookie，`localStorage`提供了更...
cookie管理.rar
04-04
因此，对于大量数据存储，开发者通常会选择其他机制，如LocalStorage或IndexedDB。 6. **Cookie策略**：网站可以设置Cookie策略，比如仅限第一方Cookie、禁止第三方Cookie等。这有助于控制用户数据的使用，并符合...
15 - LocalStorage.rar
05-01
标题中的“15 - LocalStorage.rar”提示我们这可能是一个关于JavaScript本地存储的教程或资料包，重点关注的是浏览器中的LocalStorage API。LocalStorage是Web存储的一种机制，允许网页在用户的浏览器上持久化地存储...
window.name代替cookie的实现代码
09-05
在Web开发中，Cookie是广泛使用的用于存储用户数据的一种机制，但它们存在一些限制，比如大小限制...但通常，更推荐使用localStorage或sessionStorage，因为它们更符合Web存储的标准，并且提供了更安全的隔离机制。
前端面试题日常练-day97 【Less】
qq_44640575的博客
07-20 470
border-radius()函数用于在Less中生成圆形边框效果。通过设置border-radius()函数，我们可以为元素的边框添加圆角效果，使边框呈现圆形的外观，从而美化页面元素的边框样式。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 997
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
TS如何处理js模块的类型？
最新发布
闻人放歌的三寸青草园圃
07-24 83
【代码】TS如何处理js模块的类型？
Odoo Registry 源码解读：前端世界的魔法师
清水欧度 Odoo ERP
07-23 855
它是连接不同模块的桥梁，是实现灵活扩展的关键，是每个Odoo开发魔法师最强大的盟友。下次当你在编写Odoo模块时，请记住，你手中握着的不仅仅是键盘，而是Registry赋予你的魔法杖。想象一下，它就是Odoo世界里的预言球，所有的秘密都逃不过它的法眼。Registry会用它的魔法排序棒，确保每个生物都按照正确的顺序出场，场面蔚为壮观。Registry会把常用的魔法结果记在它的魔法笔记本里，下次再用时就不用重新计算了，节省了大量的魔法能量。Registry设置了强大的防御魔法，确保没有人能破坏它的魔法秩序。
基于 Gunicorn、Flask 和 Docker 的 Web 应用开发
2401_85639015的博客
07-19 1571
Docker 是一个开源的应用容器引擎，它允许开发者打包他们的应用以及应用的运行环境到一个可移植的容器中。容器可以运行在任何支持 Docker 的机器上，确保了环境的一致性。通过本教程，你将学会如何使用 Docker、Gunicorn 和 Flask 构建一个高效、可扩展的 Web 应用。每个步骤都提供了详细的指导和示例代码，确保你能够理解和实践每个环节。希望本教程能够作为你进入微服务架构领域的起点。
Web Pages 表单
07-20 326
Web pages 表单是现代网页设计中不可或缺的组成部分，它们允许用户与网站进行交互，提交信息，如注册、登录、反馈、预订等。表单的设计和功能对用户体验和网站的业务目标有着直接的影响。本文将深入探讨Web pages表单的各个方面，包括设计原则、常用元素、验证机制和最佳实践。
vue如何解决跨域？
FENGZXCjjjjj的博客
07-21 505
在Vue.js项目中，当你的前端应用尝试从与自身不同源的服务器（协议、域名、端口中的任一不同）加载资源时，可能会遇到跨域（CORS, Cross-Origin Resource Sharing）问题。
thinkphp8结合layui2.9 图片上传验证
quweiie的专栏
07-21 311
thinkphp8图片上传的验证
Vue事件总线（EventBus）的概念、使用以及注意事项
weixin_53216033的博客
07-23 584
在Vue开发中，组件间的通信是不可避免的需求。对于父子组件间的通信，Vue提供了props和$emit/$on等内置机制。然而，当需要在非父子关系的组件间进行通信时，这些内置机制就显得力不从心了。这时，Vue事件总线（EventBus）作为一种灵活的解决方案应运而生啦。本篇文章将详细讲解Vue事件总线的原理、安装、使用及最佳实践，帮助大家更好地去理解和应用这一技术。
使用localStorage需要注意什么
08-23
### 回答1： 使用localStorage时需要注意以下几点： 1. 安全性：localStorage中存储的数据可以被其他人访问和修改，因此需要采取一定的安全措施，如加密或签名等。 2. 存储限制：localStorage存储的数据量有限，一般为5-10MB，因此不能存储过大的数据。 3. 数据类型：localStorage只能存储字符串类型的数据，如果需要存储其他数据类型，需要进行序列化和反序列化。 4. 数据有效期：localStorage中存储的数据没有过期时间，因此需要自行设置过期时间并进行清理。 5. 浏览器支持：localStorage在不同的浏览器中的支持情况可能不同，需要进行兼容性测试。 ### 回答2： 使用localStorage需要注意以下几点： 1. 数据容量限制：localStorage的存储容量是有限的，通常为5MB左右，因此在存储数据时需要注意控制存储量，避免存入过多数据导致超出限制。 2. 数据类型限制：localStorage只能存储字符串类型的数据，如果需要存储其他数据类型，需要进行相应的转换，如使用JSON.stringify()将对象转换为字符串。 3. 兼容性问题：localStorage在大多数现代浏览器中都有较好的支持，但在某些老旧的浏览器中可能存在兼容性问题，因此在使用localStorage时需要注意浏览器兼容性。 4. 数据安全性：localStorage的数据存储在浏览器端，可能会存在被恶意攻击或窃取的风险，因此对于敏感数据的存储，需要进行加密处理或者采用其他更安全的存储方式。 5. 存储空间共享：localStorage是针对每个域名的，不同域名的localStorage是互相独立的，因此需要注意在同一个域名下多个页面之间的数据共享问题，可以通过使用同一个localStorage键名来实现数据的共享。 6. 数据清除问题：localStorage中的数据不能自动清除，需要手动清除或者设置过期时间，若不及时清除数据，可能会造成存储空间浪费。 总之，在使用localStorage时需要注意数据量、数据类型、兼容性、安全性、共享和清除等方面的问题，以确保正确、安全和高效地使用localStorage进行数据存储。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

营赢盈英

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

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

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

打赏作者

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

抵扣说明：

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

余额充值