面试常见问题:cookie和webstorage

最新推荐文章于 2022-08-31 20:24:40 发布
原创 最新推荐文章于 2022-08-31 20:24:40 发布 · 226 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#面试 #session #cookie

本文对比了WebStorage（包括sessionStorage和localStorage）与Cookie的主要区别，涵盖了出现时间、跟随请求状态、储存大小、生命周期及存在位置等关键点。

首先，webstorage中包含sessionStorage和localStorage。
cookie和webstorage的区别:
1.出现的时间：
cookie 很早之前就有了
webstorage H5之后才有的
2.跟随请求状态:
cookie 会跟着前后台请求
webstorage 不跟随
3.储存大小:
cookie 4K
webstorage 4M左右
4.生命周期:
cookie 生命周期可以设置
webstorage 生命周期不可设置
5.存在的位置
cookie sessionStorage localStorage 在客户端
seesion 在服务端，较其他的安全

（立下flag）每日10道前端面试题-09 关于cookie，web Storage十问
weixin_43964148的博客
04-18 289
第一问：字符串最大容量是5M，那么我如果存储容量溢出了怎么办？其实这个5M对于不同浏览器来说也是不确定的，不过大体上是一个5M的范围，溢出了怎么办，肯定会发生错误啊。浏览器会报一个名为“...
前端面试——Web存储
qq_21428081的博客
09-06 346
1.比较 cookies，sessionStorage 和 localStorage 的异同？ ----------------------------第一种答案----------------------------------- （1）使用目的 cookie: cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数...
这样讲 webStorage，面试官会对你刮目相看
止水聊技术
02-29 323
图片：Unsplash作者：Erda EstremeralocalStorage 只在相同的域下共享同一空间。协议和端口都有影响，注意：http://a.com 和 https://a....
浅谈Web存储-前端面试问题
weixin_53027472的博客
08-31 351
web存储的3个类型详解级特点
前端常见面试题：cookie,localstorage,sessionStorage的区别
lucky_girl_girl的博客
02-20 408
localStorage 长期存储数据，浏览器关闭数据也不关闭。 sessionStorage
前端面试题：Cookie与Web Storage解析
"前端面试题涉及CSS盒子模型和客户端存储机制，如Cookie、WebStorage" 在前端开发中，了解CSS盒子模型是非常基础且重要的概念。CSS盒子模型主要包括两种：IE盒子模型和W3C标准盒子模型。在IE盒子模型中，元素的总...
前端面试知识点深度解析：从Cookie到WebStorage
替代方案包括使用WebStorage中的sessionStorage和localStorage来实现本地数据的存储。 2. 浏览器本地存储的使用: 浏览器提供了sessionStorage和localStorage两种存储方式。sessionStorage用于存储会话级别的数据，...
前端面试常见问题总结：Cookie、存储与CSS3特性
资源摘要信息:"关于前端的碎碎念5-web前端常见面试问题总结.docx"是一份针对Web前端开发岗位常见面试问题的系统性总结文档，内容聚焦于实际面试中高频出现的技术知识点，尤其围绕浏览器存储机制、CSS布局技巧以及...
前端面试必备知识点：Cookie、本地存储与CSS技巧
本文将深入探讨前端面试中常见的考点，涵盖Cookie的优缺点、浏览器本地存储机制、Web Storage与Cookie的区别、CSS的display属性与visibility属性的差异，以及link和@import的使用区别。 1. **Cookie的弊端** - ...
前端面试：Cookie的优缺点与浏览器本地存储解析
其中，HTML5的WebStorage提供了sessionStorage和localStorage两种方式： - sessionStorage：用于存储同源同窗口（或Tab）内的数据，当窗口关闭时，数据将被清除。它非常适合保存会话期间的状态信息。 - ...
谈谈HTML5本地存储——WebStorage
songwenbinasdf的专栏
04-16 378
浏览器本地存储概述 简介 cookie cookie是指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据(通常经过加密)。webStorage webStorage是HTML5中本地存储的解决方案之一,包括sessionStorag和localStorage,两者差别就差在生命周期的不同而已。三者对比 类型 生命周期 存储大小 与服务器通信 作用域 Cookie 一...
前端常见面试题——cookie、localStorage、sessionStorage有什么区别
weixin_46548238的博客
09-15 432
cookie、localStorage、sessionStorage有什么区别 共同点： 三者都是保存在浏览器端，并且同源。 区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。 存储大小限制也不同，cookie数据不能超过4K，只适合保存很小的数据。localStorage、sessionStorage的数据可达到5M或更大，必coo
2023最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)
热门推荐
xm1037782843的博客
06-15 57万+
2023前端最新最全面试题 javascript面试题 vue面试题 最新的全套面试题 附带答案
前端面试题（四）：cookie， session 和 localstorage 的区别
lizhengxv的博客
08-09 1万+
1.cookie 和 session 的联系 session（会话）是跟踪web程序中常用的技术，用来跟踪用户的整个回话过程。它可以弥补http协议无状态的不足。常用的会话跟踪技术是 cookie 和 session。 cookie通过在客户端的记录信息，确定用户身份，session通过在服务器端记录信息确认用户身份。 只要cookie能做到的，session也能做到。 比如，如果没有 co...
localstorage、sessionstorage和cookie的区别（面试常问）
qq_33562825的博客
03-07 1871
随着互联网的快速发展，基于网页的应用越来越普遍， 同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。 Storage 存储Window.sessionStorage window.localStorage
20212022最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)、前端面试题大全、前端进阶必知必会知识点
南北极之间
11-15 1万+
1、JavaScript数组的常用方法有哪些？ 答：push、pop、shift、unshift、join、sort、concat、reverse、splice、slice、indexOf等 详细资料： JavaScript数组的常用方法总结：遍历，复制，反转，排序，添加，删除（前端常见面试题必考必问_勤动手多动脑少说多做-优快云博客_js数组倒序输出1.　Array.push()向数组的末尾添加一个或多个元素，并返回新的数组长度。原数组改变。一个：var fruits = ["Banana", "
cookie、localStorage、sessionStorage的有效期和作用域问题
11-14 3万+
。。。。待续
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值