cookies

描述cookies localStorage 和sessionStorage的区别

cookie
localStorage
sessionStorage

本身用于浏览器和server通讯
被借用到本地存储来
可用document.cookie =’xxx’来修改
cookie是追加而不是覆盖
可用通过前端对cookie进行赋值，能进行本地存储

cookie 的缺点

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

localStorage和sessionStorage

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

API简易可以setItem getItem
不会随着http请求发送

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

localStorage数据会永久存储，除非代码手动删除
sessionStorage数据只存在当前会话，浏览器关闭会清空

描述cookie localStorage sessionStorage区别

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