不同

  1. cookie由服务端生成，用于标识用户身份；而两个storage用于浏览器端缓存数据

  2. 一般情况下浏览器端不会修改 cookie，但会频繁操作两个storage

  3. cookie有path概念，子路径可以访问父路径 cookie，父路径不能访问子路径 cookie

  4. 有效期： cookie在设置的有效期内有效，默认为浏览器关闭；sessionStorage在窗口关闭前有效，localStorage长期有效，直到用户删除

  5. 浏览器不能保存超过300个 cookie，单个服务器不能超过20个，每个 cookie不能超过4k。web storage大小支持能达到5M

  6. 共享：sessionStorage不能共享，localStorage在同源文档之间共享， cookie在同源且符合path规则的文档之间共享

  7. 如果保存了 cookie的话，http请求中一定会带上；而两个storage可以由脚本选择性的提交

  8. 安全性方面， cookie中最好不要放置任何明文的东西。两个storage的数据提交后在服务端一定要校验

相同

  1. 三者都是键值对的集合

  2. 都会在浏览器端保存，有大小限制，同源限制

扩展阅读

HTML5本地存储——IndexedDB（一：基本使用）

cookie隔离
即优化方案中提到的静态资源放在不带cookie的域名下的解决方案
如果静态文件都放在主域名下，那静态文件请求的时候都带有的cookie的数据提交给server的，非常浪费流量， 所以不如隔离开。 因为cookie有域的限制，因此不能跨域提交请求，故使用非主要域名的时候，请求头中就不会带有cookie数据， 这样可以降低请求头的大小，降低请求时间，从而达到降低整体请求延时的目的。 同时这种方式不会将cookie传入Web Server，也减少了Web Server对cookie的处理分析环节， 提高了Web Server的http请求的解析速度。

参考资料

详说 Cookie, LocalStorage 与 SessionStorage
为什么很多网站的静态资源会使用独立的域名？

Cookie, LocalStorage 与 SessionStorage异同相关推荐

  1. 详说 Cookie, LocalStorage 与 SessionStorage

    本文最初发布于我的个人博客:咀嚼之味 最近在找暑期实习,其中百度.网易游戏.阿里的面试都问到一些关于HTML5的东西,问题大多是这样开头的:"你用过什么HTML5的技术呀?" 而后 ...

  2. 解决浏览器存储问题，不得不了解的cookie,localStorage和sessionStorage

    浏览器存储方式 一.浏览器存储的方式 二.cookie.localStorage和sessionStorage 1.cookie.localStorage和sessionStorage是什么? (1) ...

  3. localStorage 和 sessionStorage 异同

    相同点: 1)都是本地存储 2)只存字符串,数组/对象通过JSON.stringify([]||{}) 存储 不同点: 1)localStorage 存储大小20M, sessionStorage 存 ...

  4. 前端存储之cookie、localStorage、sessionStorage、indexDB

    cookie Cookie 是小甜饼的意思.顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 Lou Montulli 在1993年3月的发明.它的主要用途有保存登录信 ...

  5. 说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？

    1.看看他们在哪里 2.前端使用cookie和服务器种cookie 前端使用 后端使用 初始化一个express项目 npmiexpress-generator -g express  项目根目录名称 ...

  6. cookie、localStorage和sessionStorage三者的异同

    1.三者都是用来存储浏览器数据的 2.生命周期:cookie可以设置数据失效时间,默认是关闭浏览器后失效:localStorage中的数据是永久保存的,除非手动清除:sessionStorage的数据 ...

  7. html5 localstorage 生命周期,cookie、localStorage和sessionStorage 三者之间的区别以及存储、获取、删除等使用方式...

    写在前面: 前端开发的供个到效近一项消果近一项消果近一项消果近时候,在网页刷新的时候,所有数据都会被清空,这时候就要用到本地存储的技术,前端本地存储的方式有三种,分别是cookie,localstor ...

  8. Vue项目代码改进（三）—— Cookie、LocalStorage和SessionStorage的使用

    存在问题: 如果在退出页面时,没有点击"退出"按钮,而是直接关闭页面,token并没有被清除,依然能通过访问http://localhost:8080/#/ 直接进入主页. 原因: ...

  9. cookie html5,HTML5——存储（cookie、localStorage、sessionStorage）的区别

    cookie 本来用于客户端和服务端通信, 但是因为它有本地存储的功能,于是被"借用"了. 使用方法 document.cookie 获取和修改即可 缺点 存储量太少,只有4kb ...

最新文章

  1. 台湾澎湖县启动返乡包机 春节疏运增加25个航班
  2. S.O.L.I.D.类设计原则
  3. 一个与神经网络分类特征旋转不变性有关的实验
  4. 数据中心不仅可以好看，还可以变身大型暖气！
  5. 使用nexus3配置golang私有仓库（go私服）
  6. SDNU 1167.花生采摘（排序）
  7. python self 值自动改变,在python中对self的理解
  8. BAT人脸识别功能第二步-人脸检测
  9. Junk-Mail Filter_并查集(hdu 2473)
  10. java图片文字识别_java实现图片文字识别ocr
  11. python爬虫爬取微信公众号的阅读数、喜爱数、文章标题和链接等信息
  12. 3个小故事让你搞懂什么是敏捷开发模式！
  13. POJ 3233 Matrix Power Series（java）
  14. C++：本地图片拷贝到剪切板
  15. 微信小程序 —— 成员管理及开发管理
  16. 中央台“互联网时代”纪录片分集要点
  17. 2021.06.29【R语言】丨png转pdf批量生成
  18. 【Xshell】设置默认登录用户
  19. Windows Server 2016-Nano Server介绍
  20. 计算机静音图标无法更改怎么办,电脑桌面出现静音图标,是桌面上,不是右下角,怎么处理...

热门文章

  1. linux设置双屏拼接_双屏办公，用起来到底有多爽
  2. 书脊开胶了用什么胶粘_画册印制1万本，结果一本不能用，这些问题你注意了吗...
  3. python1到1000的质数_python求第1000个质数值的简单示例
  4. c打开指定路径文件_C++ 读取指定路径下所有的文件 （C++ get the list of files in a directory）...
  5. 【赠书】快速入门自动机器学习!自动机器学习（AutoML）：方法、系统与挑战 图书赠送！...
  6. 【文本信息抽取与结构化】深入了解关系抽取你需要知道的东西
  7. 【Python进阶】带你使用Matplotlib进行可视化
  8. lazadashopee代运营服务有哪些，能帮商家解决哪些问题？
  9. 中国半光纸市场供需形势分析及运行环境研究报告2021年版
  10. 当引用com类dll时,在VS2005下会出现,dll虽然更换了但是引用没有更换或找不到的错误