1、首先我们可能输入一个域名,但是在web服务器是不可能直接通过域名拿到数据的。所以第一步就是通过域名去dns服务器获取到我们在web服务器的ip地址。
2、拿到ip地址返回客户端浏览器,再去web服务器请求资源。这个过程需要经过TCP/IP协议,也就是需要客户端和服务端进行三次握手(建立连接)
3、建立连接之后,服务端就可以向客户端传输数据了。客户端拿到一个index页面以后。就是浏览器开始渲染页面了
4、浏览器端渲染
从服务器获取到的html页面被html解析器解析成dom tree
css被css解析器解析成cssom 树
dom树和cssom树结合在一起,形成渲染树。
然后进行节点信息计算,就是根据渲染树计算每个节点的几何信息
再通过渲染绘制,也就是根据计算好的信息绘制整个页面
最后通过回流和重绘,因为js可能操作css样式来进行重新布局,这就会导致回流和重绘的触发,从而导致页面的重新渲染
通过这上面所述,最终呈现一个动态页面在我们面前。
讲的不好的地方欢迎指正,万分感谢!