请描述一下cookies、sessionStorage、localStorage、session四者的区别?
存储大小:
cookie在4K以内。
sessionStorage和localStorage在5M以内。
有效时间:
cookie:如果未设置过期时间,关闭浏览器时清空;如果设置了有效时间则在到期后清空。
sessionStorage:关闭浏览器时清空。
localStorage:关闭浏览器不清空,手动清除时清空。
数据与服务器之间的交互方式:
cookie:自动携带数据发送到服务器。
sessionStorage和localStorage不自动发送数据给服务器,仅在本地保存。
数据作用域:
cookie和localStorage在同源窗口可以共享。
sessionStorage即使在同源窗口也不共享。
storage事件:
cookie和sessionStorage不支持。
localStorage支持。
path路径:
cookie有路径的概念,可以限制cookie只属于某个路径下。
sessionStorage和localStorage没有path的概念。
易用性:
原生的cookie接口不友好,需要自己封装。
sessionStorage和localStorage的接口调用更方便。
cookie和session有什么联系和区别:
cookie:浏览器用来保存用户信息的文件,可以保存用户是谁,购物车中有哪些商品。
session:指我们访问网站的一个周期。用户打开一个站点,然后点击多个超链接查看各个网页,然后关闭浏览器,这个过程称为一个会话。
因为http协议是无状态的协议,也就是网页一旦关闭,浏览器和服务端的连接就会断开,下次打开网页又要重新连接,这样可以缓解服务器压力,但是随着网页内容越来越丰富,
单词请求成本增加,这样的效率就降低了。使用cookie和session可以缓解这种问题。
联系和区别:
session需要借助cookie才能正常工作。
(1)存储位置:cookie存放在客户端,session存放在服务端。
(2)安全:cookie的安全性不是很高,任何人都可以在控制台输入document.cookie获取到cookie,考虑安全性应该要使用session。
(3)效率问题:session会在一定时间保存在服务器上,访问增多服务器压力增大,考虑到服务器性能应当使用cookie。
(4)大小:cookie的大小不能超过4K,session没有大小限制。
(5)登录信息等重要的信息存放在session中,其他信息可以放在cookie中。
请描述一下cookies、sessionStorage、localStorage、session四者的区别?的更多相关文章
- 7,请描述下cookies,sessionStorage和localStorage的区别
7,请描述下cookies,sessionStorage和localStorage的区别 首先,cookie是网站为了标识用户身份而储存在用户本地终端(client side,百科: 本地终端指与计算 ...
- cookies,sessionstorage,localstorage的区别?
请描述一下 cookies,sessionStorage 和 localStorage 的区别? sessionStorage 和 localStorage 是HTML5 Web Storage AP ...
- 通俗理解cookies,sessionStorage,localStorage的区别
sessionStorage .localStorage 和 cookie 之间的区别共同点:都是保存在浏览器端,且同源的. 区别:cookie数据始终在同源的http请求中携带(即使不需要),即co ...
- sessionStorage localStorage 和 cookie 之间的区别转
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必 ...
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别?
http://handyxuefeng.blog.163.com/blog/static/454521722013111714040259/ http://book.51cto.com/art/201 ...
- 请描述一下 cookies,sessionStorage和localStorage的区别?
cookie在浏览器和服务器间来回传递. sessionStorage和localStorage不会sessionStorage和localStorage的存储空间更大:sessionStorage和 ...
- 请描述一下 cookies,sessionStorage 和 localStorage 的区别
原文:http://blog.csdn.net/lxcao/article/details/52809939 相同点:都存储在客户端不同点: 1.存储大小 cookie数据大小不能超过4k. sess ...
- 本地存储(cookie&sessionStorage&localStorage)
好文章,最全面.就查它吧:https://segmentfault.com/a/1190000004556040 1.DOM存储:https://developer.mozilla.org/zh-CN ...
- 描述一下 cookies,sessionStorage 和 localStorage 的区别?
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必 ...
随机推荐
- LeetCode 118:杨辉三角 II Pascal's Triangle II
公众号:爱写bug(ID:icodebugs) 作者:爱写bug 给定一个非负索引 k,其中 k ≤ 33,返回杨辉三角的第 k 行. Given a non-negative index k whe ...
- Laravel关联模型中has和with区别
本篇文章给大家带来的内容是关于Laravel关联模型中has和with区别(详细介绍),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 首先看代码: 1 2 3 4 5 6 $user ...
- 认识MicroBit
MicroBit是BBC(英国广播公司),为孩子们推出一款开发板,或者叫控制板,可以简单地理解为通过这块电子板,可以控制接在其外围的电子模板,可以读入数据,也可以输出数据,模拟的或数字的数据.这样一来 ...
- nth-of-type(n)和nth-child(n)的区别
nth-of-type 与nth-child都属于css选择器,都是在同级别节点中找到第n个元素,前者是先确定元素类型,再计算n的位置:后者是先确定n的位置,再确定元素类型 例: <div cl ...
- 23 Maven工程module的移除和重新导入
1.移除module 移除后: 点击右侧的maven projects: 2.重新导入刚才移除的module (1)方法1 (2)方法2 Ctrl+Shift+ALT+S的快捷键 选择modules ...
- [转帖]分布式事务之解决方案(XA和2PC)
分布式事务之解决方案(XA和2PC) https://zhuanlan.zhihu.com/p/93459200 3. 分布式事务解决方案之2PC(两阶段提交) 针对不同的分布式场景业界常见的解决方案 ...
- 深入V8引擎-默认Platform之mac篇(2)
先说结论,V8引擎在默认Platform中初始化的这个线程是用于处理类似于setTimeout的延时任务. 另外附一些图,包括继承树.关键属性归属.纯逻辑工作流程,对代码木得兴趣的看完图可以X掉了. ...
- $.ajax()方法
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如 ...
- 我是如何一步步编码完成万仓网ERP系统的(九)产品库设计 5.产品属性项
https://www.cnblogs.com/smh188/p/11533668.html(我是如何一步步编码完成万仓网ERP系统的(一)系统架构) https://www.cnblogs.com/ ...
- 【微信小程序】抽象组件使用示例
1.配置页面路径 ./app.json { "pages":[ "pages/index/index", "pages/logs/logs&q ...