localStorage. sessionStorage、Cookie的区别

码农天地 - 2020-06-23 22:35:44

---

●存储大小的不同:

localStorage的大小一般为5M

sessionStorage的大小一般为5M

cookies的大小一般为4K

●有效期不同:

1.localStorage的有效期为永久有效，除非你进行手动删除。

2.sessionStorage在当前会话下有效，关闭页面或者浏览器时会被清空。

3.cookies在设置的有效之前有效，当超过有效期便会失效。

●与服务器端的通信

1.localStorage不参与服务器端的通信。

2.sessionStorage不参与服务器端的通信。

3.cookies参与服务器端通信，每次都会存在http的头信息中。(如果使用cookie保存过多数据会带来性能问题)

●localStorage和sessionStorage的作用域的区别详解 1.不同浏览器无法共享localStorage或sessionStorage中的信息。 2.相同浏览器的不同页面间可以共享相同的localStorage (页面属于相同域名和端口)， 但是不同页面或标签页间无法共享sessionStorage的信 息。

一般像购物车什么的存储东西，因为有效期永久有效而且大小5m左右，所以像在前端中用localStorage比较多，cookie用的不多 ，因为不安全 ，一般做秘钥（令牌），后端存储密码，给前端令牌以此打开

推荐教程：《JS教程》

以上就是localStorage. sessionStorage、Cookie的区别的详细内容，更多请关注php中文网其它相关文章！

微信分享相关标签：localStorage sessionStorage Cookie本文转载于：博客园，如有侵犯，请联系a@php.cn删除上一篇：recorder.js 基于 HTML5 实现录音功能下一篇：Ajax接收JSON数据

相关文章

相关视频

在Vue中有关于localstorage和sess...js中localStorage方法使用的简单介绍关于js中localStorage和session...JavaScript中localStorage的用...localStorage. sessionStor...会话技术-cookie技术-实现会话技术-cookie技术-高级应用会话技术-session与cookie对比

网友评论

文明上网理性发言，请遵守 新闻评论服务协议

我要评论立即提交专题推荐独孤九贱-php全栈开发教程

全栈 100W+

主讲：Peter-Zhu 轻松幽默、简短易学，非常适合PHP学习入门

玉女心经-web前端开发教程

入门 50W+

主讲：灭绝师太 由浅入深、明快简洁，非常适合前端学习入门

天龙八部-实战开发教程

实战 80W+

主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习

作者信息

hzc

认证0级讲师

最近文章微信小程序省市联动功能292最详尽的 JS 原型与原型链详解287Ajax接收JSON数据552发布技术文章最新文章热门排行

recorder.js 基于 HTML5 实现录音功能详解vue.js三种安装方式必须知道的高性能Javascript知识检测JavaScript里最有效率的功能特征的方法解析直击JavaScript ES6里最重要的5个特性三分钟了解Vue框架JavaScript开发中 15 种常见的数组操作JavaScript开发中常用的方法集

RN布局的实例详解jQ选择器汇总JS是什么意思json格式是什么？json格式文件怎么打开？vue.js中created方法的使用详解echarts柱状图颜色设置：echarts柱状图如何设置不同颜色？（代码）js数组如何删除指定位置的元素？删除指定位置元素的2种方法怎样实现Vue项目中使用Vux推荐视频教程javascript初级视频教程jquery 基础视频教程视频教程分类php视频教程html视频教程css视频教程JS视频教程jQuery视频教程mysql视频教程Linux视频教程Python视频教程article_status = 682908;网站首页 PHP视频PHP实战PHP代码PHP手册词条手记编程词典

php中文网：公益在线php培训，帮助PHP学习者快速成长！ 合肥彼岸互联信息技术有限公司

Copyright 2014-2020 https://www.php.cn/ All Rights Reserved | 皖B2-20150071-9 皖公网安备 34010402701654号 关于我们免责申明赞助与捐赠广告合作

座机号码：0551-64933227  安徽省合肥市政务新区置地广场D座2101

  var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?8cc45d54c337ca616c34b1cf747da91c";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();$('.content').viewer();

Tags 标签