码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 页面渲染

时间:2019-05-18 14:11:04      阅读:704      评论:0      收藏:0      [点我收藏+]

标签:结构   win   bsp   ip地址   css   script   形式   一个   地址   

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 的区别

JavaScript 页面渲染

标签:结构   win   bsp   ip地址   css   script   形式   一个   地址   

原文地址:https://www.cnblogs.com/xiaozhumaopao/p/10885454.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!