Cookie与Session、LocalStorage与Sessionstorage 对比

对比

面试官问问题：

Session与Cookie有什么关系？

1. session是基于cookie实现的，由于session必须将sessionID经过Cookie发送到客户端。
2. 第一次建立Session的时候，服务端会在HTTP协议中告诉客户端，须要在 Cookie 里面记录一个Session ID，之后每次请求把这个会话ID发送到服务器，就能够依据此来识别不一样客户端了。

Cookie和LocalStorage的区别是什么？

1. 他们虽然都是存在本地，但Cookie每次请求都经过HTTP请求发送给服务器，LocalStorage与Http无关
2. Cookie大小通常4K左右，Local 5Mb左右（不一样浏览器不一样）
3. 前端不要读写Cookie。在开发中，Cookie在每次请求都会经过HTTP带到服务器上，而Cookie的大小相对于一个请求来讲太大，会致使页面加载速度过慢。通常Cookie只用来存几个id，好比sessionID等，不要存用户昵称邮箱密码等信息。因此要使用localStorage代替Cookie进行别的存储。

SessionStorage 和LocalStorage的区别是什么？

SessionStorage 在用户关闭页面（准确的来讲是会话（Session）结束）后就失效。其他的和localstorage同样