题目

描述cookie localStorage sessionStorage 的区别

• 容量：cookie是4kb,localStorage和sessionStorage是5mb
• api: localStorage sessionStorage的api是getItem和setItem,cookie是document.cookie 前者的api更直观和好用 是否跟随http请求发送出去:cookie 会跟随http请求发送出去，而localStorage和sessionStorage不会

知识点

cookie

• 本身用于浏览器和server通讯
• 被“借用”到本地存储来
• 可用document.cookie = '...'来修改
• • 如：document.cookie = 'a=100;'
• 缺点
• • 存储大小，最大4kb
• • http请求时需要发送到服务端，增加请求数据量
• • 只能用document.cookie = '...'来修改，太过简陋

localStorage和 sessionStorage

• HTML5专门为存储而设计，最大存储5M
• API简单易用setItem getItem
• 不会随着http请求被发送出去
• 存储都为字符串形式

使用：

• localStorage.setItem('a',100)
• localStorage.getItem('a')
• sessionStorage.setItem('a',100)
• sessionStorage.getItem('a')

区别：

localStorgae 数据会永久存储，除非代码或手动删除 sessionStorage 数据只存在于当前会话，浏览器或标签页关闭则清空 一般用localStorage会多一些