服务器网页localstorage,浏览器存储(cookie,localstorage,sessionstorage)和缓存(catch-control)...

1.cookie,localstorage,sessionstorage

cookie:服务器端生成，请求同意网站时就附加在请求头发送给服务器，所以大小有所限制，同域名cookie数大概50个。

大小：4k;

服务器发送——>浏览器保存——>下次请求夹带在请求头发送

服务器发送：

set-cookie : “name=value 数据键值对

domain：设置cookie生效的域，该域及子域都会收到cookie

path：和domain一起合作确定生效的域

expires/max-age：多久删除cookie，前者为时间戳，后者为秒数，同时设置后者优先级高，都没设置，浏览器关闭就删除，设置负数马上删除

HttpOnly：在document. cookie不可见，也不可设置

secure：指定后只有SSL连接才能发送到服务器

Localstorage/sessionstorage：

大小：5M

不向浏览器发送；

不同浏览器无法共享，同源不同页面可以共享localstorage，不能共享sessionstorage

前者用于长期登录，后者用于一次登录，或购物

2.浏览器缓存：Progma、Expires、Cache-control

优先级：progma>cache-control>expires

1.缓存开启

2.缓存校验：

http 1.1:

Last-Modified:服务器返回，下次请求时可以在if-modified-since/if-unmodified-since字段中附带，服务器检查该时间与服务器最后修改时间是否一致，一致返回304.不一致返回200和正常资源后者返回412。

Etag：针对修改时间改变，内容没变的情况，服务器对资源进行哈希运算，通过etag返回浏览器，下次浏览器请求时附带上if-none-match和if-match，返回码同if-modified-since/if-unmodified-since。

3.浏览器请求资源与缓存：

1.expires/cache-control：第一层，以绝对时间和相对时间校验资源，失效进行下一层

2.last-modified/etag：第二层，浏览器与服务器通信，用两者校验资源是否更改

3.上层失效，直接进行正常请求。