cookie、session、localStorage、sessionStorage区别

最新推荐文章于 2021-01-21 14:22:22 发布
最新推荐文章于 2021-01-21 14:22:22 发布
阅读量65 收藏
点赞数
分类专栏： 前端基础面试题 文章标签： java session cookie python 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012138854/article/details/112873121
版权

cookie、session、localStorage、sessionStorage区别

特性cookielocalStoragesessionStorage
由谁初始化客户端或服务器，服务器可以使用Set-Cookie请求头。客户端客户端
数据的生命周期一般由服务器生成，可设置失效时间，如果在浏览器生成，默认是关闭浏览器之后失效永久保存，可清除仅在当前会话有效，关闭页面后清除
存放数据大小4KB5MB5MB
与服务器通信每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题仅在客户端保存仅在客户端保存
用途一般由服务器生成，用于标识用户身份用于浏览器缓存数据用于浏览器缓存数据
访问权限任意窗口任意窗口当前页面窗口
distantimg
关注
专栏目录
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
cookie、localstorage、sessionstorage、session
Eleuuuuy的博客
03-10 381
localStorage和sessionStorage 共同点： 1.存储大小为5M左右 2.都有同源策略限制 3.仅在客户端中保存，不参与和服务器的通信。 不同点： 1.生命周期 localstorage:永久性的，除非用户人为删除否则会一直存在。 sessionstorage:与存储数据的脚本所在的标签页的有效期是相同的。一旦窗口或者标签页被关闭，那么所有通过session storage存储的数据也会被删除。 2.作用域-谁拥有数据的访问权 localstorage：在同一个浏览器中，同源文档之间共
Cookie localStorage sessionStorage区别和使用
01-07
Cookie Cookie是什么：指某些网站存储在用户本地终端的数据 作用理解：登陆一个网站，保存了数据，近期不用再登录 应用层面来说：cookie是一段字符串； js层面来说：cookie是document对象下的一个String类型的属性 ...
cookie、sessionStorage和localStorage的区别
最新发布
04-01
### Cookie、SessionStorage 和 LocalStorage 的区别 #### 一、基本概念 - **Cookie**: 是一种小型文本文件，由服务器生成并发送至客户端浏览器，在浏览器中保存一段时间后，再发送回服务器。主要用于跟踪用户状态...
常见的浏览器存储方式（cookie、localStorage、sessionStorage）
11-27
本文将详细介绍三种常见的浏览器存储方式：Cookie、localStorage 和 sessionStorage。 首先，Cookie 是最早的浏览器存储方式，它基于HTTP协议，由服务器发送到浏览器，并在后续的相同服务器请求中携带返回。Cookie ...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
11-30
在现代Web开发中，浏览器提供了多种方式来存储用户数据，其中最常见的是Cookie、localStorage和sessionStorage。这些机制使得开发者可以在客户端本地存储信息，从而提高应用性能，减少对服务器的依赖，同时也为用户...
实现开通一键唤醒支付宝与微信html支付
u012138854的博客
01-20 1833
测试连接点击进入 1.支付宝扫码接口 实现功能:可用于网页支付跳转支付成功后返回 演示: 参数名 参数含义 字段类型 是否必填 total_fee 订单金额 int(16) 是 body 商品名称 String(128) 是 token 身份验证(向管理获取) String(128) 是 goods_detail 商品详请 String(128) 是 attach 附加信息 String(128) 是 notify_url 回调地址 String(128) 是 wap
Token - 服务端身份验证的流行方案
u012138854的博客
01-21 1499
简述： 需要一个secret（随机数） 后端利用secret和加密算法(如：HMAC-SHA256)对payload(如账号密码)生成一个字符串(token)，返回前端 前端每次request在header中带上token 后端用同样的算法解密 身份认证 服务端提供资源给客户端，但是某些资源是有条件的。所以服务端要能够识别请求者的身份，然后再判断所请求的资源是否可以给请求者。 token是一种身份验证的机制，初始时用户提交账号数据给服务端，服务端采用一定的策略生成一个字符串（token），token字
前端与数据埋点
u012138854的博客
01-21 518
所谓埋点就是在应用中特定的流程收集一些信息，用来跟踪应用使用的状况，后续用来进一步优化产品或是提供运营的数据支撑，包括访问数（Visits），访客数（Visitor），停留时长（Time On Site），页面浏览数（Page Views）和跳出率（Bounce Rate）。这样的信息收集可以大致分为两种：页面统计（track this virtual page view），统计操作行为（track this button by an event）。 数据埋点的方式 现在埋点的主流有两种方式： 第一种
一篇文章搞懂前端缓存
u012138854的博客
01-21 431
搞懂前端缓存 总的来说： 如果开启了Service Worker首先会从Service Worker中拿 如果新开一个以前打开过的页面缓存会从Disk Cache中拿（前提是命中强缓存） 刷新当前页面时浏览器会根据当前运行环境内存来决定是从 Memory Cache 还是 从Disk Cache中拿(可以看到下图最后几个文件有时候是从 Memory Cache中拿有时候是从Disk Cache中拿) 注意：以上回答全部基于chrome浏览器 搞懂前端缓存 前端缓存/后端缓存 扯了些没用的，我们先进入定
在不改变当前代码的情况下，使这张图片的宽度为300px?
u012138854的博客
01-19 401
<img src="1.jpg" style="width:480px!important"/> 1.css方法 <img src="1.jpg" style="width:480px!important; max-width: 300px"> <img src="1.jpg" style="width:480px!important; transform: scale(0.625, 1);" > <img src="1.jpg" style="width:480
prototype和__proto__的关系是什么
u012138854的博客
01-20 373
所有的对象都拥有__proto__属性，它指向对象构造函数的prototype属性 let obj = {} obj.__proto__ === Object.prototype // true function Test(){} test.__proto__ == Test.prototype // true 所有的函数都同时拥有__proto__和protytpe属性 函数的__proto__指向自己的函数实现 函数的protytpe是一个对象 所以函数的prototype也有__proto__属性
7 种方法解决移动端 Retina 屏幕 1px 边框问题
u012138854的博客
01-19 289
造成边框变粗的原因 其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。 解决边框变粗的6种办法 1、0.5px边框 在2014年的 WWDC，“设计响应的Web体验” 一讲中，Ted O’Conno
圣杯布局和双飞翼布局
u012138854的博客
01-19 285
圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。 圣杯布局与双飞翼布局 圣杯布局来源于文章In Search of the Holy Grail，而双飞翼布局来源于淘宝UED。虽然两者的实现方法略有差异，不过都遵循了以下要点： 两侧宽度固定，中间宽度自适应 中间部分在DOM结构上优先，以便先行渲染 允许三列中的任意一列成为最高列 只需要使用一个额外的``标签 下面我将依次介绍圣杯布局和双飞翼布局的实现方法，并在最后根据
BFC、IFC、GFC、FFC
u012138854的博客
01-19 241
CSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。 到底什么是BFC、IFC、GFC和FFC What’s FC？ 一定不是KFC，FC的全称是：Formatting Contexts，是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。 BFC BFC(Block Formatting Contexts)直译为"块级格式化上下文"。Block Formatting Contexts就是页面上的一个
#浏览器与Node的事件循环有何区别?
u012138854的博客
01-21 239
(Event Loop) 浏览器 关于微任务和宏任务在浏览器的执行顺序是这样的： 执行一只task（宏任务） 执行完micro-task队列 （微任务） 如此循环往复下去 浏览器的task（宏任务）执行顺序在 html#event-loops 里面有讲就不翻译了 常见的 task（宏任务） 比如：setTimeout、setInterval、script（整体代码）、 I/O 操作、UI 渲染等。 常见的 micro-task 比如: new Promise().then(回调)、MutationOb
bind、call、apply、箭头函数、new的区别
u012138854的博客
01-20 194
bind、call、apply、箭头函数、new的区别 call和apply其实是一样的，区别就在于传参时参数是一个一个传或者是以一个数组的方式来传。 call和apply都是在调用时生效，改变调用者的this指向。 console.log(add.call(s,3,4)); // 1+2+3+4 = 10 console.log(add.apply(s,[5,6])); let name = 'Jack' const obj = {name: 'Tom'} function sayHi() {consol
浏览器 重绘与回流
u012138854的博客
01-20 133
1. 浏览器渲染机制 浏览器采用流式布局模型（Flow Based Layout） 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了渲染树（Render Tree）。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。 由于浏览器使用流式布局，对Render Tree的计算通常只需要遍历一次就可以完成，但table及其内部元素除外，他们可能需要多次计算，通常要花3倍于同等元素的时间，这也是为什么要避免使用
cookie session localstorage sessionStorage区别
09-17
cookie、session、localStorage和sessionStorage是用于在前端存储数据的不同方式。 1. Cookie是一种在浏览器中存储数据的机制。它通常用于在客户端和服务器之间传递身份验证信息和其他用户相关的数据。Cookie数据以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值