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一样