从输入url地址到页面渲染,这个过程做了哪些事情?

1、首先我们可能输入一个域名,但是在web服务器是不可能直接通过域名拿到数据的。所以第一步就是通过域名去dns服务器获取到我们在web服务器的ip地址。

2、拿到ip地址返回客户端浏览器,再去web服务器请求资源。这个过程需要经过TCP/IP协议,也就是需要客户端和服务端进行三次握手(建立连接)

3、建立连接之后,服务端就可以向客户端传输数据了。客户端拿到一个index页面以后。就是浏览器开始渲染页面了

4、浏览器端渲染

从服务器获取到的html页面被html解析器解析成dom tree

css被css解析器解析成cssom 树

dom树和cssom树结合在一起,形成渲染树。

然后进行节点信息计算,就是根据渲染树计算每个节点的几何信息

再通过渲染绘制,也就是根据计算好的信息绘制整个页面

最后通过回流和重绘,因为js可能操作css样式来进行重新布局,这就会导致回流和重绘的触发,从而导致页面的重新渲染

通过这上面所述,最终呈现一个动态页面在我们面前。

讲的不好的地方欢迎指正,万分感谢!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。