美文网首页面试前端程序员干货亮宝前端学习室
《前端JavaScript面试技巧》学习笔记 ( 9 )存储

《前端JavaScript面试技巧》学习笔记 ( 9 )存储

作者: 一杯浊酒 | 来源:发表于2017-09-21 20:38 被阅读51次

问题

请描述一下 cookie, sessionStorage 和 localStorage 的区别?

知识点

  • cookie
    本身是用于客户端和服务端通信,但是它有本地存储的功能,于是就被借用;
    使用document.cookie = ... 获取和修改即可

  • cookie 用于存储的缺点
    -- 储存容量太小, 只有 4KB
    -- 所有 http 请求都会带着cookie,会影响获取资源的效率
    -- API 简单,需要封装才能用 document.cookie = ...


  • sessionStorage 和 localStorage
    -- HTML5专门为存储设计,最大容量为 5M
    -- API 简单易用
    -- localStorage.setItem(key, value);localStorage.getItem(key)
    -- sesionStorage和tocalStorage的区别,都可以用于本地存储,但是sesionStorage关掉浏览器后缓存会被自动清理,localStorage不会

解题

1: 请描述一下 cookie, sessionStorage 和 localStorage 的区别?
从以下三个方面回答

  • 容量
  • 是否会携带到 ajax 中
  • API 的易用性

相关文章

网友评论

    本文标题:《前端JavaScript面试技巧》学习笔记 ( 9 )存储

    本文链接:https://www.haomeiwen.com/subject/crbtextx.html