url从输入到渲染页面的整个过程 及 window.onload和domContentLoaded的区别

1.url从输入到渲染页面的整个过程(只是大慨,真实太复杂了,看的脑壳发晕)

首先解析域名,然后根据解析出来的ip地址对相应的服务器发送http请求,服务器收到请求之后返回请求的资源,浏览器再接受返回来的资源,然后开始渲染页面,根据html代码生成html结构树,根据css代码生成css结构树,然后整合html代码和css代码生成render渲染结构树 开始渲染页面,中途碰到有js代码就停下来先执行js代码,然后继续渲染,直到渲染完成(css放head里 不然可能一个字先小再大尴尬 ;js放body最后 不然执行一下停一下)

2.Window.onload和ContentLoaded的区别

前者要等整个资源加载完,再执行;后者dom加载完就执行了,可能图片、视频还没加载完,更快

 

posted @ 2021-01-29 01:37  封兴旺  阅读(113)  评论(0编辑  收藏  举报

联系方式: 18274305123(微信同号)