浏览器端数据的存储分为:cookie_js存储和html5本地存储,其中,html5本地存储包括:sessionStorage存储和localStorage存储。sessionStorage的存储是暂时的,当浏览器关闭时存储的数据会被清除;localStorage存储的数据是永久的,只能手动清除。
h5本地存储(包括sessionStorage存储和localStorage存储)的特点:
(1)存储大小:5M
(2)数据存储于客户端;
(3)只能存储字符串数据类型
一、sessionStorage
此存储方式属于临时存储,数据会在浏览器关闭的时候被清除。
代码如下(示例):
存储数据:
window.sessionStorage.setItem("key","value");
读取数据:
window.sessionStorage.getItem("key");
删除数据:
window.sessionStorage.removeItem("key");
清空所有数据:
sessionStorage.clear();
二、localStorage
localStorage存储的数据需要手动进行清除(类似一周内免登录用localStorage存储):
数据存储:
window.localStorage.setItem("key","value");
读取数据:
window.localStorage.getItem("key","value");
删除数据:
window.localStorage.removeItem("key");
清空所有数据:
localStorage.clear()
三、cookie_js
cookie_js使用需要安装引入依赖包npm install js-cookie --save
import Cookies from 'js-cookie'//在store.js文件中
存储数据:
cookie.set("key","value");
cookie.set({"key1":"value","key2":"value2"});
读取数据:
cookie.get("key");
cookie.set(["key1","key2"]);
清除数据:
cookie.remove("key");
cookie.set("key","key2");
cookie.set(["key","key2"]);