专栏首页iOS开发干货分享前端面试基础题:请描述⼀下 cookies , sessionStorage 和 localStorage 的区别?

前端面试基础题:请描述⼀下 cookies , sessionStorage 和 localStorage 的区别?

请描述⼀下 cookiessessionStoragelocalStorage 的区别?

  • cookie 是⽹站为了标示⽤户身份⽽储存在⽤户本地终端(Client Side)上的数据(通常 经过加密)
  • cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回 传递
  • sessionStoragelocalStorage 不会⾃动把数据发给服务器,仅在本地保存
  • 存储⼤⼩:
    • cookie 数据⼤⼩不能超过4k
    • sessionStoragelocalStorage 虽然也有存储⼤⼩的限制,但⽐ cookie ⼤得 多,可以达到5M或更⼤
  • 有期时间:
    • localStorage 存储持久数据,浏览器关闭后数据不丢失除⾮主动删除数据
    • sessionStorage 数据在当前浏览器窗⼝关闭后⾃动删除
    • cookie 设置的 cookie 过期时间之前⼀直有效,即使窗⼝或浏览器关闭

本文分享自微信公众号 - web前端小剧场(webxiaojuchang),作者:前端老司机

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-07-16

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • HTML相关的面试题

    在浏览器中有三种渲染模式: 怪癖模式(quirks mode),准标准模式(almost standards mode)和标准模式(standards mode...

    前端GoGoGo
  • 几种浏览器存储方法及其优缺点

    在做项目的过程中,我们经常遇到需要把信息存储在本地的情况,比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等,我们可以暂存一下避免浏览...

    前端下午茶
  • 献给前端的小伙伴,祝大家面试顺利!

    HTML相关问题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTM...

    用户1667431
  • 前端常见技术点-HTML扫盲(17问)

    根据 <!DOCTYPE> 是否存在选择呈现模式,被称为 <!DOCTYPE> 切换或 <!DOCTYPE> 侦测。

    用户5997198
  • 前端必学必会-多媒体-本地存储-浏览器与服务器的交互-通信功能

    学习元素的知识点,涉及属性,方法,事件。在HTML5出现前,展示视频,音频,动画等,都是使用第三方自主开发,使用最多的工具是flash了。

    达达前端
  • 企业面试题: cookies,sessionStorage 和 localStorage 的区别?

    舒克
  • 前端开发面试题总结之——HTML

    ---- 相关知识点 web标准、 web语义化、 浏览器内核、 兼容性、 html5... 题目&答案 Doctype作用?严格模式与混杂模式如何区分?它们有...

    用户1667431
  • 前端面试宝典(一)

    Hello大家好,兔妞想着咱们分享也有好多了,而且新一轮的秋招又快到了,要不咱收集收集题目,也好自己查缺补漏一下吧~所以最近会有一些面试题目分享给大家,答案也会...

    萌兔IT
  • HTML5在客户端存储数据的新方法——localStorage

    王小婷
  • 第139天:详解cookie、 sessionStorage 和localStorage

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

    半指温柔乐
  • HTML5 CSS3

    1. CSS3实现圆角(border-radius),阴影(box-shadow),

    李才哥
  • 前端面试题整理

    交互设计前端开发 前言: 现在前端面试主要考察以下几个方面: 初级的:html、css、js,jquery,开发工具git的使用,对其他框架稍微了解; 中级的:...

    前朝楚水
  • cookie、localStorage、sessionStorage区别?

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

    咻一咻
  • 【HTML5】296- 重新复习 HTML5 的 5大存储方式

    在 HTML5 规范之前,存储主要是用 cookies 。 cookies 的缺点有:

    pingan8787
  • 前端面试题1(HTML篇)

    html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

    keyWords
  • 前端面试那些坑之HTML篇

    HTML 1、Doctype作用?标准模式与兼容模式各有什么区别? (1)、<!DOCTYPE>声明位于位于HTML文档中的第一行,处于<html> 标签之前...

    用户1667431
  • 【前端面试题】01—42道常见的HTML5面试题(附答案)

    HTML5为我们提供了更多的语义化标签、更丰富的元素属性,以及更让人欣喜的功能。但在面试中,HTML5部分的面试题主要考察应试者对HTML5API的掌握情况,这...

    前端达人
  • 前端面试题(HTML和CSS)

    我会推出前端面试题的专栏,每一期我会推出10个经典面试题,面试题一部分由小伙伴提供,一部分从面试真题中选出,最后会来一个大汇总。主要目的是帮助那些还没有前端开...

    用户1093975
  • 前端存储除了 localStorage 还有啥

    ❝ 本文介绍一些与前端数据存储有关,「有趣、好玩、有用」的开源库。除此之外,还会让你掌握各种 Web 存储方案的特点,赶紧来了解一下。 ❞

    阿宝哥

扫码关注云+社区

领取腾讯云代金券