[TOC]

运行环境

  1. 运行环境即浏览器（server端有nodejs）
  2. 下载网页代码，渲染出页面，期间会执行若干JS

  3. 要保证代码在浏览器中：稳定且高效

    页面加载过程

    资源的形式

  4. HTML代码

  5. 媒体文件，如图片、视频等

  6. JavaScript CSS

    加载资源的过程

  7. DNS解析：域名 ——> IP地址

  8. 浏览器根据IP地址向服务器发起http请求

  9. 服务器处理http请求，并返回给浏览器

    渲染页面的过程

  10. 根据HTML代码生成DOM Tree

  11. 根据CSS代码生成CSSOM（CSS Object Model）
  12. 将DOM Tree和CSSOM整合形成Render Tree（渲染树）
  13. 浏览器根据Render Tree渲染页面
  14. 遇到