专栏首页马涛涛的专栏Cookie与Session、LocalStorage与Sessionstorage 对比

Cookie与Session、LocalStorage与Sessionstorage 对比

对比

面试官问问题:

Session与Cookie有什么关系?

  1. session是基于cookie实现的,因为session必须将sessionID通过Cookie发送到客户端。
  2. 第一次创建Session的时候,服务端会在HTTP协议中告诉客户端,需要在 Cookie 里面记录一个Session ID,以后每次请求把这个会话ID发送到服务器,就可以依据此来识别不同客户端了。

Cookie和LocalStorage的区别是什么?

  1. 他们虽然都是存在本地,但Cookie每次请求都通过HTTP请求发送给服务器,LocalStorage与Http无关
  2. Cookie大小一般4K左右,Local 5Mb左右(不同浏览器不同)
  3. 前端不要读写Cookie。在开发中,Cookie在每次请求都会通过HTTP带到服务器上,而Cookie的大小相对于一个请求来说太大,会导致页面加载速度过慢。一般Cookie只用来存几个id,比如sessionID等,不要存用户昵称邮箱密码等信息。所以要使用localStorage代替Cookie进行别的存储。

SessionStorage 和LocalStorage的区别是什么?

SessionStorage 在用户关闭页面(准确的来说是会话(Session)结束)后就失效。其余的和localstorage一样

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 关于Cookie、session和localStorage、以及sessionStorage之间的区别和联系,超详细

    cookie、session、storage这些都是我们常用的浏览器和服务器之间进行交互的数据保存方式 但是呢,有很多人不知道这些的作用域或者之间的区别有什么 ...

    小小鱼儿小小林
  • 第139天:详解cookie、 sessionStorage 和localStorage

    1.cookie:存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。...

    半指温柔乐
  • cookie、localStorage、sessionStorage区别?

    存储在用户本地终端上的数据。也用cookies,某些网站为了辨别用户身份,进行session而储存在本地浏览器上的数据,经过加密。一般应用最典型的案例就是判断注...

    咻一咻
  • 我是如何面试QA的。

    最近遇见一个好玩的bug, 现象是页面刷新白屏,RootCause是Header里放的cookie太多了, 大小超出了4kb的限制.

    iTesting
  • Cookie, Session, Token,WebStorage你懂多少?

    最近遇见一个好玩的bug, 现象是页面刷新白屏,RootCause是Header里放的cookie太多了, 大小超出了4kb的限制.

    Criss@陈磊
  • web本地存储localStorage和sessionStorage

    记录本地存储的相关信息(cookie,sessionStorage,LocalStorage等)的存储信息

    用户1055830
  • localStorage和sessionStorage本地存储 | 打卡每天一份劝退技能

    使用HTML5中的Web Storage API, 可以在客户端存储更多的数据,,可以实现数据在多个页面中共享甚至是同步,对于复杂的数据,可以使用 Web SQ...

    达达前端
  • localStorage和sessionStorage本地存储

    使用HTML5中的Web Storage API, 可以在客户端存储更多的数据,,可以实现数据在多个页面中共享甚至是同步,对于复杂的数据,可以使用 Web SQ...

    达达前端
  • 第180天:HTML5——本地存储

    localStorage方法存储的数据没有时间限制。第二天、第二周甚至是第二年之后,数据依然可用。

    半指温柔乐

扫码关注云+社区

领取腾讯云代金券