12.运行环境.md

  • 运行环境即浏览器(server端有nodejs)

  • 过程:下载网页代码,渲染出页面,期间回执行若干JS

  • 保证代码在浏览器中:稳定且高效

  • 网页加载过程

    • 加载资源的形式
      • html代码
      • 媒体文件、如图片、视频
      • js、css
    • 加载资源的过程
      • DNS解析:域名 -> IP地址
        (域名识别性高,如www.baidu.com,ip地址很难记,大型网站,不同的区域IP地址不一致,他们做了代理,DNS会根据地域解析出不同的IP,让用户访问更快)
      • 浏览器根据IP地址向服务器发起http请求
        (浏览器只是发起方,真正核心模块还是操作系统的能发生网络服务的系统服务,http还涵盖三次握手)
      • 服务器处理http请求,并返回给浏览器
    • 渲染页面的过程
      • 根据HTML生成DOM tree
      • 根据CSS生成CSSOM
      • 根据DOM tree和CSSOM整合形成Render tree
      • 根据Render tree渲染页面
      • 遇到

你可能感兴趣的:(12.运行环境.md)