浏览器访问网页都发生了什么?

2020-11-13  本文已影响0人  素明诚

一、加载资源的形式

  1. HtmI代码
  2. 媒体文件,如图片、视频等
  3. Javascript CSS

二、加载资源的过程

  1. DNS解析(就是域名解析)
  2. 浏览器根据IP地址向服务器发起Http请求
  3. 服务器处理Http请求,并返回给浏览器

三、渲染页面的过程1

  1. 根据HTML代码生成DOM Tree
  2. 根据CSS代码生成CSSOM
  3. 将DOM Tree和CSSOM整合形成 Render Tree

四、渲染页面的过程2

  1. 根据Render Tree渲染页面
  2. 遇到<script>则暂停渲染,优先加载并执行JS代码,完成再继续
  3. 直至把Render Tree渲染完成
上一篇 下一篇

猜你喜欢

热点阅读