考点介绍：
cookie、session和localstorage 是目前常用的存储机制，不管是大厂还是中小公司，都会对这个问题有比较高的考察频度，而且有一定的深度和对比分析
答案详情解析和文章内容扫下方二维码即可查看！
一、考点题目
1.请你描述一下 cookies，sessionStorage 和 localStorage 的区别?
正确答案：
sessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的，可以方便的在 web 请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。
sessionStorage、 localStorage 、 cookie 都是在浏览器端存储的数据，其中sessionStorage 的概念很特别，引入了一个“浏览器窗口”的概念。 sessionStorage 是在同源的同窗口（或 tab ）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。关闭窗口后， sessionStorage 即被销毁。同时“独立”打开的不同窗口，即使是同一页面， sessionStorage 对象也是不同的
cookies会发送到服务器端。其余两个不会。
Microsoft 指出 Internet Explorer 8 增加 cookie 限制为每个域名 50 个，但 IE7 似乎也允许每个域名 50 个 cookie 。 Firefox 每个域名 cookie 限制为 50 个。 Opera 每个域名 cookie 限制为 30 个。 Firefox 和 Safari 允许 cookie 多达 4097 个字节，包括名（ name ）、值（ value ）和等号。 Opera 许 cookie 多达 4096 个字节，包括：名（ name ）、值（ value ）和等号。 Internet Explorer 允许 cookie 多达 4095 个字节，包括：名（ name ）、值（ value ）和等号。
区别：
- Cookie
+ 每个域名存储量比较小（各浏览器不同，大致 4K ）
+ 所有域名的存储量有限制（各浏览器不同，大致 4K ）
+ 有个数限制（各浏览器不同）
+ 会随请求发送到服务器
- LocalStorage
+ 永久存储
+ 单个域名存储量比较大（推荐 5MB ，各浏览器不同）
+ 总体数量无限制
- SessionStorage
+ 只在 Session 内有效
+ 存储量更大（推荐没有限制，但是实际上各浏览器也不同）
2.一般网页登陆之后，账号和用户信息存储在哪里？
正确答案：
信息通常都是存储在服务器端的，客户端的cookie存一个key,服务器端通过这个key查找对应的缓存找到之前的登录信息。
轻量的方案还有一个做法是将登录信息存储到cookie中，不过这些信息不应该包含敏感数据，比如用户密码，因为cookie是明文的。
同时为了防止有人伪造，一般会再对这些信息做一次摘要加密算法，然后也放到cookie中，服务器通过判断摘要加密串来识别信息是否是服务器写入的。
当然你的加密算法肯定需要保密，一般常用的办法是 将登录信息序列化，然后加上一个字符串(需要严格保密，别人如果知道这个就可以伪造cookie了)，再做MD5或SHA。
3.js的三种本地存储有几种？
正确答案：
javaScript有三种数据存储方式，分别是：sessionStorage，localStorage，cookie
相同点：都保存在浏览器端
不同点：①传递方式不同②数据大小不同③数据有效期不同④作用域不同
答案链接：xiaozhao.vip/dTopic/deta…
二、考点文章
1.看完这篇 Session、Cookie、Token，和面试官扯皮就没问题了
HTTP 协议是一种无状态协议，即每次服务端接收到客户端的请求时，都是一个全新的请求，服务器并不知道客户端的历史请求记录；Session 和 Cookie 的主要目的就是为了弥补 HTTP 的无状态特性。
2.理解cookie、session、localStorage、sessionStorage关系与区别
因为HTTP协议是无状态的，Session不能依据HTTP连接来判断是否为同一个用户。于是乎：服务器向用户浏览器发送了一个名为JESSIONID的Cookie，它的值是Session的id值。其实Session依据Cookie来识别是否是同一个用户。
（文章详情点扫海报二维码查看哦）
三、考点视频
get和post的区别
更多资讯可搜索校招VIP小程序查看哦。
移动端链接：m.xiaozhao.vip/dTopic/deta…
PC端链接：xiaozhao.vip/dTopic/deta…
