JS 详解 Cookie、 LocalStorage 与 SessionStorage

最新推荐文章于 2022-07-14 20:44:02 发布
最新推荐文章于 2022-07-14 20:44:02 发布
阅读量158 收藏
点赞数
分类专栏： Javascript 文章标签： vue.js 前端 javascript
张鱼小丸子
本文链接：https://blog.csdn.net/qq_60976312/article/details/121409898
版权

基本概念

Cookie

        cookie非常小，限制在4k左右，主要用途是保存用户登录信息，通常在cookie中存入一段辨别身份用户的数据来实现

LocalStorage

        长期存储，除非手动删除，否则数据不会消失

SessionStorage

        会话存储，为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载

三者的异同

特性cookieLocalStorage SessionStorage
数据的生命周期一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效除非被清除，否则永久保存仅在当前会话下有效，关闭页面或浏览器后被清除
存放数据大小                4K左右                                        一般为5MB
与服务器端通信每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题仅在客户端（即浏览器）中保存，不参与和服务器的通信
易用性需要程序员自己封装，源生的Cookie接口不友好源生接口可以接受，亦可再次封装来对Object和Array有更好的支持

是张鱼小丸子鸭
关注
专栏目录
详解localStorage和sessionStorage
impact_factor的博客
09-11 6848
localStorage和sessionStorage一、什么是 localStorage、sessionStorage二、使用方法三、localStorage 的优势与局限 一、什么是 localStorage、sessionStorage 在 HTML5 中，新加入了一个 localStorage 特性，这个特性主要是用来作为本地存储来使用的，解决了 cookie 存储空间不足的问题(cookie 中每条 cookie 的存储空间为 4k)， localStorage 中一般浏览器支持的是 5M 大小，
《现代JavaScript高级教程》 详解Cookie, Session, SessionStorage, LocalStorage
linwu的博客
07-06 1060
Cookie是一种在客户端存储数据的机制，它将数据以键值对的形式存储在用户的浏览器中。名称和值：每个Cookie都有一个名称和对应的值，以键值对的形式表示。域（Domain）：Cookie的域属性指定了可以访问Cookie的域名。默认情况下，Cookie的域属性设置为创建Cookie的页面的域名。路径（Path）：Cookie的路径属性指定了可以访问Cookie的路径。默认情况下，Cookie的路径属性设置为创建Cookie的页面的路径。过期时间（Expires/Max-Age）
详说 Cookie, LocalStorage 与 SessionStorage
weixin_34221073的博客
05-02 1753
本文最初发布于我的个人博客：咀嚼之味 最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：“你用过什么HTML5的技术呀？” 而后，每次都能扯到 Cookie 和 localStorage 有啥差别。这篇文章就旨在详细地阐述这部分内容，而具体 Web Storage API 的使...
JavaScript操作cookie与localStorage
赫连小妖
09-09 457
js操作cookie var Cookie = { setCookie: function(key, value, expiredays) { expiredays = expiredays || 30; //默认30天　 var exdate = new Date();　　　 exdate.setDate(exdate.getDate() + expiredays);　　　 docu
JS中 Cookie、 LocalStorage 与 SessionStorage
weixin_30776273的博客
11-22 93
一、基本概念 1. Cookie cookie：主要用途有保存登录信息。cookie 非常小，它的大小限制为4KB左右。 用途：比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 2. LocalStorage localStorage生命周期是永久，这意味着除非用户显示在浏览器提...
详解Vue中localstorage和sessionstorage的使用
11-29
在Vue开发中，合理利用`localStorage`和`sessionStorage`对于数据持久化和用户状态管理至关重要。然而，直接使用它们的原生语法可能导致一些问题，比如耦合度过高、键值冲突以及空间管理不当等。为了解决这些问题，...
cookie，localStorage、sessionStorage
最新发布
09-03
- *2* *3* [cookie、localStorage和sessionStorage详解](https://blog.csdn.net/m0_37756431/article/details/123536611)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
localstorage和sessionstorage cookie
08-22
cookie在浏览器与服务器之间来回传递，而sessionStorage和localStorage只在本地保存，不会把数据发送给服务器。 其次，数据的有效期不同。cookie只在设置的过期时间之前有效，即使窗口或浏览器关闭。sessionStorage...
请描述一下cookies，sessionStorage和localStorage的区别
天心天地生的博客
11-17 341
cookie 和 session的区别 cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。 存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求...
JS详解Cookie、LocalStorage和SessionStorage
天行健，自强不息 ; 地势坤，厚德载物
06-27 2342
基本概念 Cookie Cookie顾名思义，非常小，大小在4KB左右。主要用途是保存登录信息，比如登录一个网站市场，是可以看到“记住密码”，这通常就是通过在Cookie中存入一段辨识用户身份的数据来实现的。 Cookie机制： 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随着关闭而结束，这种cookie简称cookie会话。如果在浏览器中设置了cookie的过期时...
js中cookie，localStorage(sessionStorage)的存取(转)
dragoo1的专栏
07-12 1792
转自：js中cookie，localStorage(sessionStorage)的存取 - 木风向前冲 - 博客园 (cnblogs.com) 一、cookie （原生的不好用，自己简单封装） 1. 存cookie的方法： 　　function setCookie(c_name,value,expiredays) { 　　 var exdate=new Date(); 　　 exdate.setDate(exdate.getDate()+expiredays); 　　 docume.
JS中cookies，sessionStorage和localStorage的区别
weixin_46486125的博客
10-13 415
cookies，sessionStorage和localStorage的区别？ 相同点：都会在浏览器端保存，有大小和同源限制。 不同点： 　　　　1、cookie会随请求发送到服务器，作为会话表示，服务器可修改cookie。web storage不会随请求发送到服务器。 　　　　2、cookie有path的概念，子路径可以访问父路径的cookie，父路径不可以访问子路径的cookie。 　　　　3、有效期：cookie在设置的有效期内有效，默认为浏览器关闭消失。sessionStorage在会话窗口关闭后失
JavaScript Cookie & localStorage
xiangxiongfly
06-20 297
文章目录Cookie概述操作Cookie查询设置encodeURIComponent & decodeURIComponentexpires & max-agedomainpathHttpOnlysecure封装CookieLocalStorage概述使用设置查询删除 Cookie 概述 Cookie全称HTTP Cookie，是浏览器存储数据的一种方式 一般会自动随着浏览器每次请求发送到服务器 可以利用Cookie跟踪统计用户访问该网站的习惯，如：访问时间、访问页面、停留时间 不要在Co
js. cookie和localStorage还有sessionStorage区别
qq_69735499的博客
07-14 202
localStorage存储的数据是永久的，除非用户自己手动清除缓存，否则会一直存在。sessionStorage存储的数据是会话级别的，关闭浏览器就会自动删除。+localStorage和sessionStorage存储的数据只能前端使用，相对于比较大（5M）+cookie一般存储比较重要的数据，前后端公用的数据，有一定的大小限制（4kb），有过期时间。...
JavaScript session和cookies和localstorage和sessionstorage
weixin_43971228的博客
06-14 346
session和cookies 相同点： cookies和session都是用来跟踪浏览器用户身份的会话方式 不同点： cookies保存在客户端，session保存在服务端 cookies保存在客户端，没有那么安全，别人可以在客户端分析cookies进行cookies诈骗，考虑到安全应该用session session保存在服务端，访问增多时对服务器会造成压力，考虑到服务器性能问题应该用cook...
回顾js中的cookie/localstorage
bangguang6204的博客
07-29 255
1.首先简单总结下cookie cookie：可以做会话跟踪 　　特点: 1、大小限制（不能超过4k） 2、每个域下cookie不能超过50个 3、有效期（和设定时间有关），过了有效期cookie会自动删除 4、cookie读取（只能访问同一个域名下的cookie）(域的限制) 5、没有设置存储时间的cookie是临时coo...
JavaScript系列之cookies、sessionStorage和localStorage的区别
老__L的博客
02-16 420
cookies、sessionStorage和localStorage的区别
HTML5 localStorage与sessionStorage详解
sessionStorage与localStorage类似，但它仅在当前会话期间有效。当用户关闭浏览器窗口或标签页后，sessionStorage中的数据将被清除。这意味着它主要用于临时存储用户在特定会话中的数据，如购物车信息或表单状态。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值