webpage render

Webpage render

题目

  1. 从输入url到渲染出页面的整个过程
  2. window.onload 和DOMContentLoaded的区别
  3. 加载资源的形式
  4. 加载资源的过程
  5. 渲染页面的过程

资源的形式
html代码
媒体文件,如图片,视频等
JavaScript css

加载过程

DNS解析:域名->IP地址 domain name server
浏览器根据IP 地址向服务器发起http请求

渲染过程-1

根据HTML代码生成DOM Tree

根据CSS 代码生成CSSOM

将DOM Tree和CSSOM整合形成 RenderTree

根据Render Tree渲染页面

遇到