Cookie vs localStorage vs sessionStorage

LocalStorage sessionStorage and Cookie 区别

1. 使用方法

cookie

document.cookie = 'token' + '110';
console.log(document.cookie);

localStorage and cookieStorage: sessionStorage.setItem(name,value); sessionStorage.getItem(name); sessionStorage.valueof()

2. 生命周期

Cookie: 可以设置失效实现，没有设置的话，默认关闭浏览器后失效 localStorage: 除非手动清除，否则可以永久保存 sessionStorage:仅当前会话下有效

3. 存放数据大小

Cookie: 4KB 左右 localStorage and sessionStorage: 5MB

4. http 请求

cookie：每次都会携带在 HTTP 头中 localStorage and seesionStorage:仅在客户端中，不参与服务器的通信