操作方法
输入网址,浏览器向服务器发出请求,服务器返回html文件
浏览器载入html代码,发现 head 标签中有一个 link 引用了外部css文件
浏览器又发起css文件请求,服务器返回这个css文件
浏览器继续载入 body 部分的代码,而且css文件已经拿到,可以开始渲染页面了
浏览器在代码中发现一个 img 标签引用了张图片,就开始向服务器发出请求,此时浏览器不会等到图片下载完毕,而是继续渲染后面的代码
服务器返回图片文件,由于图片占用了一定的位置,影响了后面的排版布局,因此浏览器需要返回来重新渲染这部分代码
浏览器发现了 javascript 标签,赶快运行发现需要引用外部js文件,浏览器发起请求,服务器返回js文件
浏览器开始解析js代码,发现js中需要浏览器隐藏掉代码中某个div块,突然接到这个命令浏览器不得不重新渲染这部分代码
要是在页面上用户操作让浏览器更改页面布局或颜色搭配,浏览器就得重新请求相应的css文件
浏览器只得召集在座的 div、span、ul、h1告诉它们按照刚刚的流程再来一次