cookie、session、localStorage

1.cookie

cookie一般有2个作用：识别用户身份（服务器知道是谁在访问）；记录用户关键操作历史（比如购物网站，记录用户将哪些商品加入了购物车）。

• cookie是存储在浏览器上的一小段数据（最大容量为4k，而且过大会影响传输效率）
• 每次发送网络请求Request headers中都会带上cookie。
• cookie的参数：
• path:表示cookie影响到的路径。
• expires/maxAge： 告诉浏览器cookie过期时间
• httpOnly: 设置为ture，意思是浏览器不允许脚本操作document.cookie。

2.session

cookie 是存储在浏览器里的，而session是一种让服务器能识别某个用户的「机制」。

1. 服务器创建session后，会把关联的session_id通过setCookie添加到http响应头部。
2. 浏览器在加载页面时发下你响应头部有set-cookie字段，就把这个cookie种到浏览器指定域名下。

下次用户刷新页面时，发送的轻轻就会带上cookie，从而服务器可以识别用户。

 3.localStorage

1. localStorage HTML5本地存储web storage特性的API之一，用于将大量数据（最大5M）保存在浏览器中，保存后数据永远存在不会失效过期，除非用 js手动清除。
2. 不参与网络传输。
3. 一般用于性能优化，可以保存图片、js、css、html 模板、大量数据。