1.几道面试题（以点带面）

1.描述 cookie、localStorage、sessionStorage 的区别

2.涉及知识点

1. cookie
2. localStorage 和 sessionStorage

2.1 cookie

1. 本身用于浏览器和 server 通讯
2. 后被“借用”充当本地存储的作用
3. 可用 document.cookie = '...'来修改，同key会覆盖，不同key会追加，一次只能设置一个属性的值

cookie的缺点

1. 存储大小，最大4KB
2. http 请求时需要发送到服务端，增加请求数据量
3. 只能用 document.cookie = '...'来修改，太过简陋

2.2 localStorage 和 sessionStorage

1. HTML5专门为存储而设计，最大可存5M
2. API 简单易用 （setItem、getItem）
3. 不会随着 http 请求被发送出去
4. localStorage 数据会永久存储，除非代码或手动删除
5. sessionStorage 数据只存在于当前会话，浏览器关闭则清空
6. 一般用localStorage会更多一些

3.对前文问题的解答

3.1 描述 cookie、localStorage、sessionStorage 区别

1. 容量上，cookie只有4KB，而localStorage、sessionStorage最大可存5MB
2. API易用性，localStorage、sessionStorage更简单易用
3. 是否跟随http请求发送出去，cookie一起发出去，localStorage、sessionStorage则相反