JavaScript学习笔记九

存储

一、cookie

1. 本身用于浏览器和 server 通讯的 ，是http 请求的一部分
2. 被“借用”作为本地存储
3. 可用 document.cookie = '...' 来修改(前端修改cookie 的方式) ， 一次只能赋值一个，
4. cookie 是字符串的形式 ，每个都用 ；来分隔 ，且 是 key=value; 的形式
5. 并且赋值key 不同的是追加过程，不是覆盖！！！而 key 相同 则是覆盖 如下图
6. 只要cookie不清除 ，无论怎么刷新 cookie 都不会丢失
   == 缺点 ==
7. cookie 最大存储 4kb
8. http 请求时会需要把cookie 一起发送到服务端 ，增加请求数据量
9. 只能用 document.cookie = '...' 来修改 ，太简陋

二、localStorage 和 sessionStorage

1. HTML 5 专门为存储而设计的 ，最大可存储 5M
2. API 简单易用 setItem getItem
3. 不会随着 http请求被发送出去
   

different

1. localStorage 数据会永久存储 ，除非代码或手动删除
2. sessionStorage 数据只能存在于当前会话 ，浏览器关闭 则清空
3. 一般 localStorage 会用到更多一些

三、描述cookie localStorage sessionStorage 区别

1. 容量
2. API 易用性
3. 是否跟随 http请求发送出去