从在浏览器输入url之后到网页渲染过程都发生了哪些事?

1 dns解析

   将域名解析成ip地址

2 建立tcp连接

在拿到域名对应的IP地址后,会以随机端口(1024~~65535)向WEB服务器程序80端口发起TCP的连接请求,这个连接请求进入到内核的TCP/IP协议栈(用于识别该连接请求,解封包,一层一层的剥开),还有可能要经过Netfilter防火墙(属于内核的模块)的过滤,最终到达WEB程序,最终建立了TCP/IP的连接,对于客户端与服务器的TCP链接,必然要说的就是『三次握手』

2 浏览器根据ip地址向服务端发起请求

   

3 服务端处理请求,返回给浏览器

   浏览器根据html生成dom树 

 浏览器根据css生成cssom

   浏览器将dom树和cssom整合,形成Render树

   根据render树渲染页面

   如果遇到script标签,则暂停渲染页面,优先加载并执行js代码

   直至render树渲染完成

window.onload  = function(){}当页面资源全部加载完毕执行

image.onload = function(){} 某张图片加载完之后执行,当所有图片加载完才执行window.onload

DOMContentLoaded  dom渲染完成之后执行

参考文章:https://www.cnblogs.com/yuanzhiguo/p/8119470.html

原文地址:https://www.cnblogs.com/panda-programmer/p/13061045.html