JavaScript 页面渲染

1. 从输入url到得到html的详细过程

  1.1 加载资源的形式

       输入 URL 或跳转页面 加载 html

  1.2 加载一个资源的过程

    浏览器根据DNS服务器得到域名的IP地址

    向这个IP的机器发送http请求

    服务器收到后 处理并返回 http请求

    浏览器得到返回内容

  1.3 浏览器渲染页面的过程

    根据 HTML 结构生成 DOM Tree

            根据 CSS 生成 CSSOM

    将 DOM 和 CSSOM 整合形成 RenderTree 渲染树

    浏览器根据 渲染树 开始渲染

    遇到 <script> 时 会执行并阻塞渲染 因为js有权利改变 dom 结构 所以要等着js脚本执行


2. window.onload 和 DOMContentLoaded 的区别

猜你喜欢

转载自www.cnblogs.com/xiaozhumaopao/p/10885454.html