JS Web-API-存储

4. JS Web-API-存储

 

4.1 面试题

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

4.2 cookie

 
本身是用于浏览器和 server 通讯，是被 “借用” 作本地存储来，并不是为了做存储的而出现

可以用 document.cookie = “…” 来修改（追加的方式）

设置值后，页面刷新后 cookie 仍然存在，所以可以用来做本地存储（但出现本意不是为了存储）
 

cookie 缺点：

1.最大容量只有 4 KB
2.http 请求时需要发送到服务端，增加了请求数据量

 

4.3 localStorage 和 sessionStorage

 
HTML5 专门为存储设计的，最大可存 5M

API 简单易用，setItem，getItem
 

localStorage 和 sessionStorage 区别：
 
localStorage 数据会永久存储，除非代码或者手动删除

sessionStorage 数据只存在于当前会话，浏览器关闭则清空
 

4.4 题目解答

 

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

容量区别：cookie 只有 4KB，另外两个有 5M
API 易用性：cookie 追加方式添加新cookie，另外两个有易用的 API
是否跟随 http 请求发送出去：cookie 会，另外两个不会