js的缓存机制——cookie

cookie是用来缓存web页面里的用户信息的，也不只是用户信息还有一些其他的web页面信息
*cookie具有时效性
JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie

一.【创建cookie】

document.cookie="username=renjun";

1.【加密】

汉字加密可以直接使用escape 或者encodeURIComponent直接加密
解密用 unescape或者decodeURIComponent

console.log(escape('加密'));

var hz=escape("汉字");
console.log(hz);
console.log(unescape(hz));

var hzz = encodeURIComponent("汉字");
console.log(hzz);
console.log(decodeURIComponent(hzz));

加密效果图
字符串 和 数字 的加密 用btoa；
解密用atob。
这两个方法不可以给汉字加密

var str = btoa("chenle");
console.log(str);
console.log(atob(str));

var sz = btoa("2222");
console.log(sz);
console.log(atob(sz));

【base64加密】
引入

 <script src="https://cdn.jsdelivr.net/npm/js-base64@3.6.0/base64.min.js"></script>

便可以使用其中大量的加密解密方法

2.【为 cookie 添加一个过期时间】

以 UTC 或 GMT 时间

document.cookie="username=lzm; expires=Thu, 18 Dec 2043 12:00:00 GMT";

3.【限制浏览器 cookie 的路径】

document.cookie="username=ldn; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

其中path=/ 意为限当前路径

二.【读取cookie】

以下代码来读取 cookie

console.log(document.cookie);

三.【修改cookie】

类似于创建 cookie

document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

四.【删除cookie】

设置 expires 参数为以前的时间即可

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";