Cookie

Cookie 是一些数据, 存储于你电脑上的文本文件中。

Cookie 以名/值对形式存储，如下所示:

username=John Doe

当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。

JavaScript 中，创建 cookie 如下所示：

document.cookie="username=John Doe";

您还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：

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

您可以使用 path 参数告诉浏览器 cookie 的路径。默认情况下，cookie 属于当前页面。

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

读取 cookie：

var x = document.cookie;

document.cookie 将以字符串的方式返回所有的 cookie，类型格式： cookie1=value; cookie2=value; cookie3=value;

修改 cookie 类似于创建 cookie：

document.cookie="username=John Smith; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";旧的 cookie 将被覆盖。

使用 JavaScript 删除 Cookie

删除 cookie ，设置为 Thu, 01 Jan 1970 00:00:00 GMT:

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";
注意，当您删除时不必指定 cookie 的值。

对前端的字符串进行加密解密 js base64

中文  要转码之后在加密
var str=window.btoa("maodou");
console.log(str);
console.log(window.atob(str));

下面的两个方法是中文的转码和解码
console.log(escape("张三"));  %u5F20%u4E09
console.log(window.btoa("%u5F20%u4E09"));
张三 解码   加密  JXU1RjIwJXU0RTA5
console.log(window.atob("JXU1RjIwJXU0RTA5"));
console.log(unescape("%u5F20%u4E09"));

H5：
html5 缓存

 * storage  缓存
 * localStorage   本地电脑缓存   永久性   除非删除   没有过期时间
 * sessionStorage  浏览器客户端缓存   客户端关闭（当前窗口关闭）之后  就会自动删除  （临时存储）
 * html5  缓存  存储的数据比较大
 * cookie  存储的数据量比较小
 * 这两个特别像  使用的方法和方式都是一样的
 *  都属于window里面的属性
 * session  临时缓存
 * sessionStorage
设置缓存  键和值
sessionStorage.setItem("username", "maodou");
sessionStorage.setItem("userpwd", "maodou");
读取缓存
console.log(sessionStorage.getItem("username"));
console.log(sessionStorage.getItem("userpwd"));
删除缓存
sessionStorage.clear();  全部清除
根据键 移除缓存
sessionStorage.removeItem("username");
读取session  集合
length  属性  是存储的数据条数
console.log(sessionStorage.length);
console.log(sessionStorage.key(0));根据存储的索引 返回 对应的键