扫码关注公众号

前端校招考点之http缓存机制
11-07
285观看
01

cookie、sessionStorage和localStorage的区别

LocalStorage:    大小:一般为5MB    

来自:网络-存储-session cookie
02

以下哪个不是和浏览器缓存相关的HTTP头?

正确答案是DA和B:HTTP头中的Expires和Cache-Control就是完成缓存的。当客户端第一次访问资源的时候,服务端在返回资源内容的同时也返回了Expires:Sun,16Oct201605:43:02GMT。服务端告诉浏览器:你Y的先把这个文件给我缓存起来,在这个过期时间之前,这个文件都不会变化了,你下次需要这个文件的时候,你就不要过来找我要了,你就去缓存中拿就好了,又快又好C:第一次客户端访问资源的时候,服务端返回资源内容的同时返回了ETag:1234,告诉客户端:这个文件的标签是1234,我如果修改了我这边的资源的话,这个标签就会不一样了

来自:浏览器、网络相关-http缓存机制,如localStorage等
03

HTTP 缓存分类

根据浏览器是否向服务器发起请求来分为强缓存和协商缓存。1、强缓存强缓存的意思就是不向服务器发起请求的缓存,也就是本地强制缓存。浏览器想要获取特定数据的时候,首先会检查一下本地的缓存是否存在该数据,如果存在,就直接在本地获取了,如果不存在,就向服务器所要该数据。2、协商缓存浏览器第一次请求数据时,服务器会将缓存标识与数据一起返回给客户端,客户端将二者备份至缓存数据库中。再次请求数据时,客户端将备份的缓存标识发送给服务器,服务器根据缓存标识进行判断,判断成功后,返回304状态码,通知客户端比较成功,可以使用缓存数据。主要通过报文头部header中的Last-Modified,If-Modified-Since以及ETag、If-None-Match字段来进行识别。

来自:浏览器、网络相关-http缓存机制,如localStorage等
课程
专栏
【校招VIP】HTTP 缓存机制及原理
csdn
HTTP 缓存机制
js语言和框架-浏览器、网络相关-http缓存机制,如localStorage等
3专栏
1课程
3 试题