前端存储的机制以及优化点

本地存储使用的好 请求发的少 页面就加载快，一般有一下几种

1，cookie 

。cookie 一开始是设计用来为服务端 识别用户 ，保存用户状态的；

。存储功能是附属品 ，接口也并不友好，上限4k。

。cookie 可以通过服务端‘种’在浏览器端。 服务端的set-cookie 方法来实施，浏览器端就是document.cookie来读写cookie。

。属性中有一条 是http（httponly） ，如果对勾 那么的话，客户端就不能做任何修改

。需要设置过期时间

。cdn 静态资源的cookie最好不要携带 不然pv起来了会造成大量流量的浪费（cdn 使用和主战不同域名） 

后来浏览器就为专门存储设计了localStorage（长久化本地存储）和sessionStorage（会话式本地存储）上限5m

2，localStorage

localStorage可以 用来存储 用户的信息， css 和常用js function  ，base64 图片 等等

cache方案的话那么就是以 时间 作为参考点 去做具体的方案

3,  sessionStorage

sessionStorage的存储的话存一些表单数据 和即时性的数据

4,  indexedDB

用来存放大量结构化数据的低级api，类似数据库，可以用来生成离线版本；

5， web sql

被废弃的 方案，作用类似于ndexedDB