一目了然sessionStorage、localStorage、cookie的区别

最新推荐文章于 2022-06-11 21:46:33 发布
最新推荐文章于 2022-06-11 21:46:33 发布
阅读量122 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/anna0115/article/details/104474290
版权
  cookielocalStoragesessionStorage
数据大小主要用于用户信息的存储<4k5M或更大5M或更大
传递方式在浏览器和服务器间来回传递

不会自动把数据发给服务器，

仅在本地保存

不会自动把数据发给服务器，

仅在本地保存

数据有效期只在设置的cookie过期时间之前一直有效始终有效，窗口或浏览器关闭也一直保存仅在当前浏览器窗口关闭前有效
作用域在所有同源窗口中都是共享的在所有同源窗口中都是共享的不在不同的浏览器窗口中共享，即使是同一个页面

 

17号特工
关注
专栏目录
iview-admin 登录实现
月哥说了算的博客
09-21 3414
iview-admin 登陆实现 登录流程 界面输入用户信息(@/view/components/login-form/login-form.vue) ->调用父组件的handleSubmit方法(@/view/login/login.vue) ->再调用Vuex actions 方法handleLogin(@/store/user.js) ->再调用axios方法login(@/api/user.js) ->请求后接口数据 一、@/view/login/login.vue页面修改h
Localstorage、sessionStorage、cookie 的区别
Wujunbin952的博客
07-03 4418
Localstorage、sessionStorage、cookie 的区别和H5的浏览器储存。
WebView中你不知道的事localStorage
白叶的博客
01-20 1万+
今天在开发项目的时候碰到一个怪事：本着以为开发webview都是简简单单的事情首先：实例化webview,启用JavaScript，接着再设置WebViewClientmWebView = (WebView) findViewById(R.id.webView);WebSettings settings = mWebView.getSettings();settings.setJavaScriptE
cookie、sessionStorage和localStorage的区别
m0_46498310的博客
09-22 268
cookie、sessionStorage和localStorage的区别 补充： Cookie如果设置了过期时间则保存在硬盘中除非手动删除否者一直存在 Cookie如果没有设置过期时间保存在浏览器内存中，关闭浏览器就删除 sessionStorage一直保存在浏览器内存中，关闭页面或浏览器信息就被清除 localStorage保存在硬盘中，除非手动删除，否则一直存在 Cookie、sessionStorage和localStorage都遵守同源策略 Cookie、localStorage不同标签页但是
本地存储 sessionStorage和localStorage
爱睡的虫虫
05-19 1147
sessionStorage和localStorage中，这样做的好处有： 1 缓存数据 2 减少对内存的占用storage只能存储字符串的数据，对于JS中常用的数据或对象却不能直接存储。但我们可以通过JSON对象提供的parse和stringify将其他数据类型转化成字符串，再存储到storage中就可以了。请看下面的代码。var obj = { name:'Jim',sex:'女' }; /
2018春招前端面试: 闯关记(精排精校) | 掘金技术征文
CRPER
03-13 6482
前言 去年年末研发组解散失业, so选择回去学车了,也顺利拿到了驾照 最近回归大深圳….开始踏上漫漫的找工作之路; “拉勾上吊一百年不匹配!!!”,”BOSS直聘日夜没反应!!!” 题目范围涵盖我最近遇到的笔试题和面谈的(CSS/JS/HTTP/Node/Hybrid/Vue/NG/React) emm…..这里不列举哪些公司了, 若是你完整的阅读一...
前端200道面试题及答案（更新中）
热门推荐
m0_65450343的博客
06-11 11万+
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
前端 基础面试问题汇总
技术改变世界
04-24 1161
1&gt;、html5有哪些新标签？ &lt;article&gt; 标签定义外部的内容（外部内容如blog,news）。 &lt;aside&gt; 标签定义article以外的内容（可用做文章的侧栏）。 &lt;canvas&gt;使用JavaScript在网页上绘制图形图像。 &lt;details&gt; 用于描述某个文档部分的内容。 &lt;sum...
前端面试题整理
newbalsh的博客
06-07 929
工厂模式是一种设计模式，目的是为了创建对象，它通常在类或类的静态方法中实现，有以下目的：当创建相似对象是执行重复操作当编译时，不知道具体类型的情况下，为工厂客户提供一个创建对象的接口//使用工厂方式创建一个对象//1.原料//2.加工 -- 对属性进行赋值//3.方法console.log("人物名称："+this.name);console.log("人物的性别："+this.sex);//4.加工结束,--输出返回return obj;//工厂模式的使用。
GET请求接口url的参数拼接
今天也要加油呀！
09-23 1万+
前端在调用后端GET请求时，url的接口名称和参数一般是字符串拼接的方式，为了避免字符串拼接时key值对应的value为null对后端的判断造成干扰，前端可以处理为value为null时该参数的key值省略不传。 封装一个处理参数对象的方法： params(obj) { let result = ''; let item; for (item in obj) { if(o...
JS的map()方法会改变原始数组吗？
今天也要加油呀！
12-25 1万+
map()为操作数组的一种方法，官方文档显示： map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意：map() 不会对空数组进行检测。 注意：map() 不会改变原始数组。 但是我在实践中却发现事实并非如此。 当数组为基础类型时原数组不变： let arr...
js之数字取整的方法
今天也要加油呀！
06-05 1万+
1.保留数据的整数，去除小数点后的数据 2.向上取整，只要有小数，就个位加1 3.向下取整，只要有小数，就个位减1 4.四舍五入取整
js 判断一个字符串是否含有某个字符串
今天也要加油呀！
10-27 5142
1.indexOf ( ) 方法可返回某个指定的字符串值在字符串中首次出现的位置 string.indexOf(searchvalue,fromindex) indexOf() 方法对大小写敏感！如果要检索的字符串值没有出现，则该方法返回 -1。 2.includes() ES6新特性，确定字符串是否包含指定字符串的字符。如果包含返回true，否则返回false。 string.includes(searchvalue, start) 3.startsWith()ES6新...
解决微信小程序建立WebSocket后onSocketOpen只触发一次
今天也要加油呀！
09-27 4928
问题描述：在特定条件下跳转某个页面，并连结wx.connectSocket()，wx.onSocketOpen()监听成功时执行相应的逻辑处理，当退出该页面再次以相同的条件进入该页面时，wx.connectSocket()连结成功，但是wx.onSocketOpen()和wx.onSocketError()的callback函数都监测不到。 解决方案：在onHide的生命周期里面关闭连接wx....
什么是构造函数？
今天也要加油呀！
12-06 2948
构造函数也是一个函数，比较特殊的是构造函数可以new（）出一个新的函数，并在new的过程中初始化该函数。 那么，构造函数有哪些特点呢？ 命名首字母大写。 内部使用的this关键字，来指向即将要生成的实例对象。 可以使用New来生成实例对象。 function Plant(color){ this.color=color; this.action=function (){ console.log('我的叶子是'+this.color+'色的。'); } } // 实例方...
获取0-1之间的随机数
今天也要加油呀！
12-26 2802
1. 取介于 0（包含） ~ 1（不包含） 之间的一个随机数： const number = Math.random(); console.log(number);//0.1692059011145015 2.取介于 1 到 10 之间的一个随机数： const abs = Math.floor((Math.random() * 10) + 1); console.log(abs); /...
微信公众号H5页面自定义分享文案和图片
今天也要加油呀！
03-16 2188
步骤一：绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 （备注：登录后可在“开发者中心”查看对应的接口权限） 步骤二：引入JS文件 在需要调用JS接口的页面引入如下JS文件<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> 步骤三：通过config接口注入权限验证配置 （备注：以下参数需要后端开发提供接口返回给前端） wx.config({
sessionStorage localStorage cookie三者区别
最新发布
08-13
sessionStorage、localStorage和cookie都是在浏览器端存储数据的方式，但它们有一些区别。 1. 作用域： - sessionStorage：数据仅在单个会话期间有效，当用户关闭浏览器窗口时会被清除。 - localStorage：数据在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值