2018-09-25localStorage与Session与sessionStorage

session是服务端的一段hash

localStorage是客户端的一段hash

localStorage是html的一个API

setItem存入

localStorage只能存放string，且会把其他的自动转换为string。

我们通常用JSON.stringify({})的形式，把对象以json字符串的形式存入localStorage

同理读取localStorage，用getItem('a')

清空，localStorage.clear()

---

localStorage的使用

因为localStorage不是存储在页面，而是存储在C盘的一个文件里，所以页面刷新不会是localStorage的值消失。

以上刷新后，a的值变回1。

以上刷新，a的值每次加一。

localStorage常用于

比如网站改版，提示用户。

这样设定的好处是，当用户第一次进入页面，会提示网站改版信息，再次进入，因为localStorage记录有用户是否已经访问，就不在提示更新信息了.

localStorage总结

缓存可以用户清理

sessionStorage与localStorage的区别

只是存储时间不一样。sessionStorage在用户关闭网页后很短时间内就被清理。

用法相同。

常见问题

session与cookie的区别是：

一般来说，session是依赖于cookie的，cookie是session的基石。

cookie与localStorage的区别是：

cookie在每次请求的时候会带到服务端，而localStorage不会

cookie 4k ， localStorage 5M

跨页面存储，一般用localStorage，不需要经过http，请求速度不会变慢。

localStorage与sessionStorage的区别

localSotrage如果用户不清楚，永久存储，sessionStorage在session消失后，数据消失，一般是浏览器关闭短时间内。

cookie的有效期，用户关闭页面时候失效。但是后台的代码可以 设置cookie的时间。然而localStorage与sessionStorage不能。

---

不基于cookie的session

前端不要写cookie