web前端之浏览器篇——知识汇总

一、URL到页面

---

**准备阶段： **

输入URL，Enter进入查找

浏览器在本地查找host文件，匹配对应的IP； 找到返回浏览器并缓存

没有，则进入路由查找； 找到返回浏览器并缓存

再没有，再进入公网DNS根目录 ； 找到返回浏览器并缓存

进入，等待发送请求，建立tcp/ip 传输连接， 若没有等候的请求，则直接发送

**服务器阶段： **

根据请求，查找数据，返回数据

渲染阶段：

逐行解析HTML， 遇到同步的请求代码，则发送数据请求，cssLink， js， 图片，视频等；

构建htmlDOM-tree， CSSDOM ，

render-tree

2、html页面渲染:

---

1. 发送请求，服务器返回HTML，浏览器解析HTML，发出相应css的和js请求

• html 不是缓存的

2. css下载完成，构建dom树，构建cssDOM完成后，结合DOM生成Rendering Tree，

• css是由单独的下载线程异步下载的

• css加载不会阻塞DOM树的解析

• css加载会阻塞DOM树的渲染

• css加载会阻塞后面js语句的执行

3. js下载完成，操作DOM，更新DOM；在html解析过程中或是DOM和CSSDOM结构构建中，同步请求加载JS，解析js都会阻塞浏览器的构和渲染

• 解析到js会, js引擎会使html解析线程暂停，html页面停止解析