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

问题

请描述一下 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 的易用性