浅谈cookie,localStorage,sessionStorage区别

Cookie是服务器发送到浏览器的一小段数据，会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。

Cookie诞生之初的作用就是解决HTTP的无状态请求，用来记录一些用户相关的一些状态。

• 会话状态管理（如用户登录状态、购物车、游戏分数或其它需要记录的信息）
• 个性化设置（如用户自定义设置、主题等）
• 浏览器行为跟踪（如跟踪分析用户行为等）

因为一些前端交互的需要，后来cookie也被用于存储一些客户端的数据。

Cookie的原生api不友好，需要自行封装一下。

cookie

● 存储用户信息，获取数据需要与服务器建立连接。 ● 可存储的数据有限，且依赖于服务器，无需请求服务器的数据尽量不要存放在cookie中，以免影响页面性能。 ● 可设置过期时间。

localStorage

● 存储客户端信息，无需请求服务器。 ● 数据永久保存，除非用户手动清理客户端缓存。 ● 开发者可自行封装一个方法，设置失效时间。

sessionStorage

● 存储客户端信息，无需请求服务器。 ● 数据保存在当前会话，刷新页面数据不会被清除，结束会话（关闭浏览器、关闭页面、跳转页面）数据失效。