Local Storage

Local Storage是html5提供的API，实质上是一个哈希表。
Session是服务器上的哈希表，Local Storage是浏览器上的哈希表。

存值：.setItem()

localStorage.setItem('a', '1')
localStorage.setItem('b', '2')
localStorage.setItem('jsonString', JSON.stringify({name: 'obj'})) //localStorage只能存字符串

取值：.getItem()

localStorage.getItem('a') //"1"
localStorage.getItem('b') //"2"
localStorage.getItem('jsonString') //"{"name": "obj"}"

清空Local Storage：localStorage.clear()

这些API都是在操作页面上的一个哈希。

对Windows系统来说，Local Storage存在c盘的一个文件里，持久化存储。
如果没有Local Storage，每次刷新页面，所有变量全部销毁。

Local Storage最典型应用：记录下有没有提醒过用户

let already = localStorage.getItem('已经提示了')
if(!already){
    alert('你好，我们网站改版了，有了这些新功能：……')
    localStorage.setItem('已经提示了', true)
}else {
    //什么也不做
}

Local Storage

1. Local Storage跟HTTP无关
2. HTTP不会带上Local Storage的值
3. 只有相同域名的页面才能互相读取Local Storage（没有同源那么严格）
4. 每个域名Local Storage最大存储量为5MB左右（每个浏览器不一样）
5. 常用场景：巨鹿有没有提示过用户（不敏感信息，不能记录密码）
6. Local Storage永久有效，除非用户清理缓存

Session Storage（会话存储）与Local Storage API一样
1234点同上

5. Session Storage在用户关闭页面（绘画结束）后就失效。

Session Storage（会话存储）与服务器上的Session无关。

Cookie是HTTP协议的一个内容，
Local Storage是html5提供的API，
两者没什么关系，为什么经常有人把它们放在一起比较？
这是有历史原因的。
Local Storage是新API，之前的前端要做到跨页面持久存储只能用Cookie (Cookie也是存在c盘的一个文件里)。
但是用Cookie存数据有一个问题：所有写在Cookie上的数据每次请求都会带到服务器，导致请求变慢。
所以现在前端永远不要读/写Cookie，正常来说由后端写/读Cookie。