前端存储【Cookie&Web Storage】

导语

最近遇到一个需求需要用到存储，于是又复习了一下相关知识。

参考

MDN—Web Storage API

详说 Cookie, LocalStorage 与 SessionStorage

很全很全的前端本地存储讲解

笔记

Cookie

存放限制为4KB左右。 一般由服务器生成，可设置失效时间【max-age属性】。如果在浏览器端生成Cookie，默认是关闭浏览器后失效。（所以在只关闭了标签页的时候，再次打开网页，还是会获得上一次存储的内容噢）

• 每次都会携带在HTTP头中与服务器端通信【 每一次http请求浏览器都会自动帮我们做 】
• 需要程序员自己封装，源生的Cookie接口不友好
• 不同浏览器、不同域的cookie独立
• 一个域名下存放的cookie数一般为20个，不同浏览器不同
• max-age 的默认值是 -1(即有效期为 session )；max-age有三种可能值：负数、0、正数。
  负数：有效期ses