[JavaScript初级面试]10. WEB API - 存储

题目

• 描述cookie localStorage sessionStorage区别

cookie

是HTTP请求的一部分，用于浏览器和server通讯，被“借用”到本地存储；
前端用document.cookie = 'xxx'来修改

缺点

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

HTML5存储

localStorage, sessionStorage —— HTML5专门为存储设计，最大可存5M
每个域名都可存储5M；不会随着http请求发送

localStorage

localStorage数据会永久存储，除非代码或手动删除

localStorage.setItem('a',1)
localStorage.getItem('a')

sessionStorage

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

sessionStorage.setItem('a',1)
sessionStorage.getItem('a')

解答

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