浏览器从输入url到得到html的整个过程

从输入url到得到html的整个过程,需要分为几步走:

加载资源的形式:

  1. 手动输入页面的地址得到html文件,或者通过页面跳转加载html文件,www.baidu.com

  2. 加载html中的静态资源(css,js,图片视频等静态资源)
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

加载一个资源的过程:

  1. 浏览器根据DNS服务器解析得到域名的IP地址,域名对应着IP地址

  2. 向这个IP的机器发送HTTP请求或者HTTPS请求

  3. 服务器收到,处理并返回HTTP请求

  4. 浏览器得到返回的内容

浏览器渲染页面的过程:

  1. 根据HTML结构生成DOM树(Document Object Model)

  2. 根据CSS结构生成CSSOM树 (CSS Object Model)

  3. 根据DOM和CSS生成Render树

  4. 根据Render树开始渲染和展示页面

  5. 在Render树渲染过程中遇到<script> 标签会阻塞渲染,要先执行<script>标签的内容,再往下渲染,Render树渲染和JS文件必须分步执行,这是因为JS文件有权利去操作和修改DOM树的结构,如果渲染到<script> 标签的地方先让JS文件执行,若DOM结构有修改再渲染修改后的DOM树。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值