Cookie、LocalStorage、SessionStora

Cookie

cookie本身是用于浏览器和服务器通讯，被借用来本地存储。
document.cookie可以看当前页面的cookie
使用document.cookie = " 123456 "可以添加cookie，每次添加的内容都自动用分号；隔开，刷新页面不会清除cookie

image.png
特点：
存在浏览器的文件里
Cookie 会被发送到服务器
缺点：
最大存储：4K；
http请求时需要发送到服务器端，增加请求数据量；
只能用document.cookie=" ... "来修改，太过简陋；
不是很安全，别人可以分析存放在本地的COOKIE并进行COOKIE欺骗；

LocalStorage和sessionStorage

特点：
HTML5专门为存储而设计，最大存5M
API简单易用setItem getItem
不会随着http请求发送到服务器端
不同：
LocalStorage 一般不会自动过期（除非用户手动清除），而 SessionStorage 在回话结束时过期（如关闭浏览器）

localStorage.setItem('a',300)     // 设置LocalStorage
localStorage.getItem('a')     // 获取LocalStorage

SessionStorage.setItem('a',300)     // 设置SessionStorage
SessionStorage.getItem('a')     // 获取SessionStorage

Session

Session 是基于 Cookie 实现的，具体做法就是把 SessionID 存在 Cookie 里
Session会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能