自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 浏览器缓存类型

http缓存:基于HTTP协议的浏览器文件级缓存机制(强制缓存与协商缓存)。websql:将数据以数据库的形式存储在客户端,根据需求去读取,允许sql语句查询。indexDB:在客户端存储可观数量的结构化数据,并且在这些数据上使用索引进行高性能检索的 API。浏览器可能对indexDB有50M大小的限制,一般用户保存大量用户数据并要求数据之间有搜索需要的场景。cookie:一般网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。localstorage:htm.

2020-12-15 10:59:53 40

原创 服务端缓存

CDN缓存用户浏览器与服务器的交互流程客户端浏览器先检查是否有本地缓存是否过期,如果过期,则向CDN边缘节点发起请求,CDN边缘节点会检测用户请求数据的缓存是否过期,如果没有过期,则直接响应用户请求,此时一个完成http请求结束;如果数据已经过期,那么CDN还需要向源站发出回源请求(back to the source request),来拉取最新的数据。CND的作用CDN的全称是Content Delivery Network,即内容分发网络。可以理解为分布在每个县城的火车票代售点,用户在

2020-12-15 10:20:14 33

原创 浏览器缓存的位置

缓存位置的类型缓存位置有四种,各自有优先级,当依次查找缓存且都没有命中的时候,才会去请求网络。Service WorkerMemory CacheDisk CachePush CacheService WorkerService Worker 是运行在浏览器背后的独立线程,一般可以用来实现缓存功能。基于h5的web worker,所以绝对不会阻碍当前js线程的执行。最重要的工作原理就是:后台线程:独立于当前网页线程;网络代理:在网页发起请求时代理,来缓存文件;使用 Service W

2020-12-14 18:45:18 60

原创 浏览器端强缓存与协商缓存

强缓存强缓存的实现浏览器请求一个资源文件,服务端在response header中对该文件做缓存配置,缓存时间、缓存类型都由服务端控制。之后每次用户正常打开这个页面,浏览器会判断缓存是否过期,没有过期就从缓存中读取数据并返回200状态。cache-controlmax-age=31536000,表示资源最大有效时间的秒数,是一个相对值,不会因为用户修改本地时间而导致失效。public/private:public表示浏览器和代理服务器(nginx、CDN)都可以缓存;private表示仅浏

2020-12-14 14:53:14 24

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除