localStorage、sessionStorage、cook

localStorage

• 永久性存储，需要主动清除
• 存放数据大小为一般为 5MB
• 仅在客户端（即浏览器）中保存，不参与服务器通信
• 存储数据：JSON.stringify 将对象转换成字符串
• 获取数据：JSON.parse 将字符串转换成对象

// 1、保存数据到本地
// 第一个参数是保存的变量名，第二个是赋给变量的值
localStorage.setItem('Author', 'local');
localStorage.Author =  'local';
localStorage.info = JSON.stringify({a:1,b:2});

// 2、从本地存储获取数据
localStorage.getItem('Author');
var d1 = localStorage.Author;
var d2 = JSON.parse(localStorage.info);
 
// 3、从本地存储删除某个已保存的数据
localStorage.removeItem('Author');
 
// 4、清除所有保存的数据
localStorage.clear();

sessionStorage

• 仅在当前会话下有效，关闭页面或浏览器后自动清除
• 其他与 localStorage 相同

cookie

• 在浏览器端生成 cookie 默认是关闭浏览器后失效，可设置失效时间
• 存放数据大小为一般为 4K
• 每次都会携带在 HTTP 头中，如果使用 cookie 保存过多数据会带来性能问题
• 可能被禁用，当用户非常注重个人隐私保护时，他很可能禁用浏览器的cookie功能
• 可能被删除，每个cookie都是硬盘上的一个文件，因此很有可能被用户删除
• 安全性不高，所有的cookie都是以纯文本的形式记录于文件中，因此如果要保护用户名和密码等信息时，最好事先经过加密处理