前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >企业面试题: cookies,sessionStorage 和 localStorage 的区别?

企业面试题: cookies,sessionStorage 和 localStorage 的区别?

作者头像
舒克
发布2019-08-09 15:17:14
9010
发布2019-08-09 15:17:14
举报
文章被收录于专栏:迈向前端工程师
  • 企业面试题: cookies,sessionStorage 和 localStorage 的区别?
  • 考核内容: 脚本中的缓存操作
  • 题发散度: ★★★
  • 试题难度: ★★★ 【友情提示:舒克老湿意在为各位准备从事前端工程师岗位的小伙伴提供思路,所有代码仅供参考,切勿背题!!理解问题以及提高自己解决问题的能力最为重要!如果你有更好的解决思路,或者有什么问题,欢迎给舒克老湿留言,大家一同进步。】
  • 解题思路:
  • cookie:
    • cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
    • cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递。
  • sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
  • 存储大小:
    • cookie数据大小不能超过4k。
    • sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
  • 有期时间:
    • localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
    • sessionStorage 数据在当前浏览器窗口关闭后自动删除。
    • cookie 设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭
  • 作用域不同:
    • sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;
    • localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。
    • Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。
    • Web Storage 的 api 接口使用更方便。
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-05-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 迈向前端工程师 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档