js:localStorage、sessionStorage、cookies三种存储方式的区别（前端面试题）

最新推荐文章于 2022-04-01 12:07:23 发布
最新推荐文章于 2022-04-01 12:07:23 发布
阅读量189 收藏
点赞数 1
分类专栏： javascript概念 p2 原生js 笔记 文章标签： html5 面试 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_59519449/article/details/120660246
版权

目录

localStorage：                

   cookies：

  sessionStorage：

localStorage：
                

以键值对的方式存储存 储没时间限制 永不失效 除非自己删除记录
                
             

   cookies：


                数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识
                


  sessionStorage：


                当页面关闭后被清理与其他两个相比不能同源窗口共享 是会话级别的存储方式

一染星辰
关注
专栏目录
面试题：Cookie、sessionStorage、localStorage区别
weixin_42369566的博客
10-20 412
Cookie、sessionStorage、localStorage
JavaScript cookies、sessionStorage、localStorage三种存储方式的区别与使用，包含基本使用方法。
SillyBoy的博客
07-16 285
cookie、sessionStorage与localStorage的区别与使用 文章目录cookie、sessionStorage与localStorage的区别与使用1 三者区别1.1 cookie1.2 sessionStorage1.3 localStorage2 使用方法2.1 cookie的使用2.2 sessionStorage的使用2.3.1 存储数据2.3.2 读取数据2.3.3 修改数据2.3.4 删除数据2.3 localStorage的使用2.3.1 存储数据2.3.2 读取数据2.
JS常用几种存储方式的使用规则与各自特征
aoje86881的博客
02-08 197
日常我们数据存储的方式常见的几种就是sessionStroage, localStroage, cookie，下面先依次总结各自的使用规则，然后再到这三者之间的区别。 sessionStroage sessionStroage是HTML5新增的一个回话存储对象，用于临时保持同一窗口的数据，窗口关闭数据也将删除。 存储单个变量: 存储数据： sessionStroage.s...
js 的 localStorage sessionStorage 区别
艾斯比
04-25 131
localStorage, sessionStorage 都可以用于在客户端浏览器存储数据, 与 cookie 不同的是, 发起 http 请求并不会自动携带 localStorage, sessionStorage localStorage, sessionStorage 只是生命周期不同, 它们的 api 是相同的, 例如 setItem getItem clear removeItem key length localStorage 生命周期是永久, 只要用户不清理浏览器缓存即可. 而 sessi.
前端HTML5几种存储方式的总结
廿四桥明月夜的博客
03-18 6038
总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。 目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器 1、本地存储localstorage存储方式：以键值对(Key-Value)的方式存储，永久存储，永不...
几种本地存储方式的区别
weCat_s的博客
02-21 2551
cookie，localStorage，sessionStorage，indexDB 我们先来通过表格学习下这几种存储方式的区别 特性 cookie localStorage sessionStorage indexDB 数据生命周期 一般由服务器生成，可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在 数据存储大小 4K 5M 5M 无限...
js三种存储方式区别
weixin_34198797的博客
02-15 695
javaScript有三种数据存储方式，分别是： sessionStorage localStorage cookier 相同点：都保存在浏览器端，同源的 不同点： ①传递方式不同 cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。 ...
前端面试题汇总.pdf
01-25
9. **cookies，sessionStorage和localStorage的区别**：cookies存储在客户端，大小有限，且每次请求都会发送到服务器；sessionStorage仅在当前会话中有效，关闭浏览器后消失；localStorage则长期保存数据，但不会随...
前端面试题以及vue前端面试题
01-22
9. cookies、sessionStorage 和 localStorage 的区别：cookies 是服务器端设置的会话cookie，sessionStorage 和 localStorage 是浏览器端存储的数据。 10. src 和 href 的区别：src 属性用于引入外部资源，href 属性...
前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）持续更新
热门推荐
MingL520的博客
07-17 8万+
文档描述 本文是关注微信小程序的开发和面试问题， 由基础到困难循序渐进， 适合面试和开发小程序。 并有热点框架（vue react node.js 全栈）前端资源以及后端视频资源和源码 并基于前端进阶和面试的需求 总结了常用插件和js算法 以及html/css和js热点面试题 因为csdn不可以有外链 所以答案链接在评论区！！！ Vue面试题 生命周期函数面试题 1.什么是...
新版前端高频面试题笔记+课件+源码（HTML+CSS+JavaScript）
最新发布
04-24
3.请描述一下cookies，sessionStorage和localStorage的区别? 4.浏览器的渲染机制一般分为几个步骤? …… 二.CSS面试题 1.display: none; 与visibility: hidden;的区别 2.外边距折叠(collapsing margins) 3.z-index是...
js-储存-Cookie和localStorage及sessionStorage的区别
qq_39406792的博客
09-10 676
Cookie,localStorage,sessionStorage的详解 Storage的API // 储存一个key的值为value localStorage.setItem('key','value'); localStorage.key = 'value'; localStorage['key'] = 'value'; // Storage { name: "Timo",...
padding的用法
weixin_59519449的博客
07-20 1万+
标题 1:padding是添加在父元素（盒子）上的 2:padding 调整子元素在父元素里面的位置关系 3:padding会把盒子撑大。 4：想让盒子保持原有的大小：在宽高的基础上减掉padding值。 5:给单一一个方向添加padding值： padding-top/bottom/left/right: 6: padding设置方法：在这里插入代码片 padding:10px 四周 padding:10px 20px 上下 左右 padding:10px 20px 30px 上
webpack (常问高薪面试题11道)（20220401）
weixin_59519449的博客
04-01 7395
1、什么是 webpack（必会） 1、基本定义 wbpack 是一个打包模块化 javascript 的工具，在 webpack 里一切文件皆模块，通过 loader 转换文件，通过 plugin 注入钩子，最后输出由多个模块组合成的文件，webpack 专注构 建模块化项目，webpack 可以看做是模块打包机：它做的事情是，分析你的项目结构，找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript 等），并将 其打包为合适的格式
JS： 求1~~100之间的偶数之和
weixin_59519449的博客
08-25 4345
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var sum=0; for (var i=0;i<=100;i++){ if(i%2==0){ sum+=i } } .
JS:键盘事件（onkeydown 、onkeypress、 onkeyup三个）
weixin_59519449的博客
10-09 3485
1.键盘事件key 属性 描述 onkeydown 某个键盘按键被按下 onkeypress 某个键盘按键被按下。 onkeyup 某个键盘按键被松开。 事件相关的事件发生次序： ...
JS:localStorage（获取，设置、删除、全删、下标）定义及代码
weixin_59519449的博客
10-08 3218
读取数据：localStorage.getItem(key); 保存数据：localStorage.setItem(key,value); 删除单个数据：localStorage.removeItem(key); 删除所有数据：localStorage.clear(); 得到某个索引的key：localStorage.key(index); 相关代码； // 获取数据 ...
JS: break 终止循环 continue跳过循环体中不想执行的语句
weixin_59519449的博客
08-24 3169
二者之间的区别 1、终止循环（break） 在循环体中可以使用break关键字来立即终止循环，并跳出循环体，代表循环结束。 break不仅可以使用在switch结构中，也可以用于任何一种循环。 break语句只能退出当前所在的循环 break会改变预定义的循环次数。 break跳出循环 2、continue 立即开始下一次循环（continu...
JS:offset（全部解析）
weixin_59519449的博客
10-09 1964
1获取元素的宽度：offsetwidth 2.获取元素的高度:offsetHeight 3获取元素到顶端的距离:offsetTop 4获取元素到左边缘的距离offsetLeft 5获取元素的父元素 offsetParent 关于相关代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type.
前端开发面试题：cookies, sessionStorage与localStorage解析及src与href的区别
"前端开发基础题目及答案，涵盖了cookies，sessionStorage，localStorage的对比，以及src与href的区别" 在前端开发中，理解如何在浏览器端存储数据以及引用外部资源是至关重要的。首先，我们来看一下cookies，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值