Cookie，sessionStorage，localStorage

cookie用在写网页时存储的临时变量或自定义时长变量，大小（4k）左右

cookie不能像后面的 …Storage直接使用，需要自己定义函数，或是引用第三方库函数

// 设置cookie
function setCookie (key, val, day) {
	var date = new Date();
	date.setTime (date.getTime() + day * 24 * 60 * 60 * 1000);
	document.cookie = key + '=' + val + ';expires=' + date.toString();
}
// 删除cookie
function delCookie (key) {
	setCookie (key, '', -1);
}
// 获取cookie中的值
function getCookie (key) {
	var cookies = document.cookie;
	var cookArr = cookies.split('; ');
	for (var i = 0; i < cookArr.length; i++) {
		var arr = cookArr[i].split('=');
		if (arr[0] == key) {
			return arr[1];
		}
	}
}

设置cookie

setCookie(‘name’, ‘张三’, 180); // 将张三存到cookie中180天

获取张三

getCookie(‘name’);

在vue 的开发中还可以直接使用sessionStorage和localStorage，大小（5M）左右

区别：sessionStorage当网页关闭后，存储的数据就被清空了；localStorage当网页关闭后，下次打开网页，数据依然存储在。

使用方法类似：

设置值
sessionStorage.setItem(key, val)
localStorage.setItem(key, val)
获取值
sessionStorage.getItem(key)
localStorage.getItem(key)
主动清空
sessionStorage.clear()
localStorage.clear()