一、概述 浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的,所以在分析浏览器缓存机制之前,我们先使用图文简单介绍一下HTTP报文,HTTP报文分为两种: 1、HTTP请求(Request)报文,报文格式为:请求行 – HTTP头(通用信息头,请求头,实体头) ...
分类:
其他好文 时间:
2020-06-11 19:35:52
阅读次数:
53
缓存类型 浏览器缓存分为强缓存和协商缓存: 1、强缓存:浏览器在加载资源时,先根据这个资源的一些http header判断它是否命中强缓存,强缓存如果命中,浏览器直接从自己的缓存中读取资源,不会发请求到服务器。比如某个css文件,如果浏览器在加载它所在的网页时,这个css文件的缓存配置命中了强缓存, ...
分类:
Web程序 时间:
2020-06-04 13:36:59
阅读次数:
75
一.浏览器缓存背景 由于http是一种无状态的协议,用户在浏览器上的每一次行为都将发送到服务器,而服务器却没法记住跟踪和记录这些行为,以至于相同的行为也会触发请求,这给网络通信带来了极大的性能开销。 HTTP Cookie(也叫Web Cookie或浏览器Cookie)是服务器发送到用户浏览器并保存 ...
分类:
移动开发 时间:
2020-05-27 11:53:27
阅读次数:
58
Vue 代码层面的优化; webpack 配置层面的优化; 基础的 Web 技术层面的优化。 一、代码层面的优化 1.1、v-if 和 v-show 区分使用场景 v-if 是 真正 的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件 ...
分类:
其他好文 时间:
2020-05-27 01:28:06
阅读次数:
100
<meta http-equiv="Cache-Control" content="no-store" /> 一、meta标签 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化( ...
分类:
Web程序 时间:
2020-05-20 12:45:44
阅读次数:
69
前言 浏览器缓存又叫客户端缓存,存储在客户端的缓存,由浏览器控制,关于存储的策略由响应头(Response Header)规定,主要的响应头标记是Cache-Contro、Etag、Last-Modified. 生效范围: 仅对当前浏览器生效。 实现方式: 使用HTTP Header 更新策略: T ...
分类:
其他好文 时间:
2020-05-13 12:12:51
阅读次数:
60
1、浏览器缓存原理 我们都知道浏览器是有缓存的,有了缓存,客户端不会每次都去请求服务端,这样能减轻服务器的压力,并且使浏览器的读取速度更快。浏览器缓存是基于HTTP协议定义的缓存机制(如:Expires,Cache-control等)实现的。浏览器会根据一定的规则校验缓存是否可用。浏览器访问服务端时 ...
分类:
Web程序 时间:
2020-05-10 11:21:32
阅读次数:
71
创建一个Image对象:var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图片。 图像对象:建立图像对象:图像对象名称=new Image([宽度],[高度]) 图像对象的属性: border complete he ...
分类:
Web程序 时间:
2020-05-09 21:28:56
阅读次数:
100
计算机网络面试题(应用层) DNS的概念,用途,DNS查询的实现算法 概念 域名解析,www.xxx.com 转换成 ip,能够使用户更方便的访问互联网,而不 用去记住能够被机器直接读取的 ip 地址 DNS 协议运行在 UDP 协议之上,使用端口号 53 主机解析域名的顺序 o 浏览器缓存 找本机 ...
分类:
其他好文 时间:
2020-05-08 20:09:04
阅读次数:
107
浏览器渲染机制 浏览器缓存 同源策略和跨域 SEO优化 安全 ...
分类:
其他好文 时间:
2020-05-06 19:32:19
阅读次数:
56