javascript复习:页面加载

题目

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

知识点

  • 加载资源的形式
  • 加载资源的过程
  • 渲染页面的过程

加载资源的形式

  • html 代码
  • 媒体文件,如图片,视频等
  • javascript css

加载资源的过程

  • DNS 解析: 域名 -> IP地址
  • 浏览器根据IP地址向服务器发起http请求
  • 服务器处理http请求,并返回给浏览器

渲染页面的过程

  • 根据HTML代码生成DOM Tree
  • 根据CSS 代码生成CSSOM
  • 将DOM Tree 和 CSSOM整合形成 Render Tree
  • 根据Render Tree 渲染页面
  • 遇到 local 本站访客数 本站访客数