浏览器端储存

cookie_js

携带请求头cookie业务需求

• 安装

npm install cookie_js –save

• 存储

cookie.set('key', 'value');
cookie.set({ key1: 'value1', key2: 'value2' });

• 获取

cookie.get('key');
cookie.get(['key1', 'key2']);

• 清除

cookie.remove('key');
cookie.remove('key1', 'key2');
cookie.remove(['key1', 'key2']);

HTML5本储存

• 存储大小：5M（数据量大小）
• 存储于客户端
• 只能存储字符串类型
• 存储一些比较简单的东西，或是小的交互

sessionStorage

sessionStorage(关闭浏览器时即清除) 临时性

• 存储

window.sessionStorage.setItem("key","value");

• 获取

window.sessionStorage.getItem("key");

• 删除

window.sessionStorage.removeItem("key");

• 清空所有

sessionStorage.clear();

localStorage

localStorage(手动清除)长期性

• 存储

window.localStorage.setItem("key","value");

• 获取

window.localStorage.getItem("key");

• 删除

window.localStorage.removeItem("key");

• 清空所有

localStorage.clear();

格式转换

JOSN.parse() //字符串转为对象
JSON.stringify() //对象转为字符串