存储大小:
  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四者的区别?的更多相关文章

  1. 7,请描述下cookies,sessionStorage和localStorage的区别

    7,请描述下cookies,sessionStorage和localStorage的区别 首先,cookie是网站为了标识用户身份而储存在用户本地终端(client side,百科: 本地终端指与计算 ...

  2. cookies,sessionstorage,localstorage的区别?

    请描述一下 cookies,sessionStorage 和 localStorage 的区别? sessionStorage 和 localStorage 是HTML5 Web Storage AP ...

  3. 通俗理解cookies,sessionStorage,localStorage的区别

    sessionStorage .localStorage 和 cookie 之间的区别共同点:都是保存在浏览器端,且同源的. 区别:cookie数据始终在同源的http请求中携带(即使不需要),即co ...

  4. sessionStorage localStorage 和 cookie 之间的区别转

    sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必 ...

  5. 请描述一下 cookies,sessionStorage 和 localStorage 的区别?

    http://handyxuefeng.blog.163.com/blog/static/454521722013111714040259/ http://book.51cto.com/art/201 ...

  6. 请描述一下 cookies,sessionStorage和localStorage的区别?

    cookie在浏览器和服务器间来回传递. sessionStorage和localStorage不会sessionStorage和localStorage的存储空间更大:sessionStorage和 ...

  7. 请描述一下 cookies,sessionStorage 和 localStorage 的区别

    原文:http://blog.csdn.net/lxcao/article/details/52809939 相同点:都存储在客户端不同点: 1.存储大小 cookie数据大小不能超过4k. sess ...

  8. 本地存储(cookie&sessionStorage&localStorage)

    好文章,最全面.就查它吧:https://segmentfault.com/a/1190000004556040 1.DOM存储:https://developer.mozilla.org/zh-CN ...

  9. 描述一下 cookies,sessionStorage 和 localStorage 的区别?

    sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必 ...

随机推荐

  1. LeetCode 118:杨辉三角 II Pascal's Triangle II

    公众号:爱写bug(ID:icodebugs) 作者:爱写bug 给定一个非负索引 k,其中 k ≤ 33,返回杨辉三角的第 k 行. Given a non-negative index k whe ...

  2. Laravel关联模型中has和with区别

    本篇文章给大家带来的内容是关于Laravel关联模型中has和with区别(详细介绍),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 首先看代码: 1 2 3 4 5 6 $user ...

  3. 认识MicroBit

    MicroBit是BBC(英国广播公司),为孩子们推出一款开发板,或者叫控制板,可以简单地理解为通过这块电子板,可以控制接在其外围的电子模板,可以读入数据,也可以输出数据,模拟的或数字的数据.这样一来 ...

  4. nth-of-type(n)和nth-child(n)的区别

    nth-of-type 与nth-child都属于css选择器,都是在同级别节点中找到第n个元素,前者是先确定元素类型,再计算n的位置:后者是先确定n的位置,再确定元素类型 例: <div cl ...

  5. 23 Maven工程module的移除和重新导入

    1.移除module 移除后: 点击右侧的maven projects: 2.重新导入刚才移除的module (1)方法1 (2)方法2 Ctrl+Shift+ALT+S的快捷键 选择modules ...

  6. [转帖]分布式事务之解决方案(XA和2PC)

    分布式事务之解决方案(XA和2PC) https://zhuanlan.zhihu.com/p/93459200 3. 分布式事务解决方案之2PC(两阶段提交) 针对不同的分布式场景业界常见的解决方案 ...

  7. 深入V8引擎-默认Platform之mac篇(2)

    先说结论,V8引擎在默认Platform中初始化的这个线程是用于处理类似于setTimeout的延时任务. 另外附一些图,包括继承树.关键属性归属.纯逻辑工作流程,对代码木得兴趣的看完图可以X掉了. ...

  8. $.ajax()方法

    1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如 ...

  9. 我是如何一步步编码完成万仓网ERP系统的(九)产品库设计 5.产品属性项

    https://www.cnblogs.com/smh188/p/11533668.html(我是如何一步步编码完成万仓网ERP系统的(一)系统架构) https://www.cnblogs.com/ ...

  10. 【微信小程序】抽象组件使用示例

        1.配置页面路径 ./app.json { "pages":[ "pages/index/index", "pages/logs/logs&q ...