- 2024-06-04游览器渲染的主要流程
网页渲染的主要流程：解析HTML并创建DOM树浏览器从服务器接收到HTML文档后开始解析，构建文档对象模型（DOM）树。这是一个包含文档所有元素的树状结构，每个元素都是一个节点。解析CSS并创建CSSOM树在解析HTML时，浏览器同时下载并解析CSS规则，构建CSS对象模型（CSSOM）树。这个树包含了应
- 2024-01-17vite 生产打包后报错 xx is not a constructor
版本vite:"^5.0.11"解决方法添加optimizeDeps.disabled=false和build.commonjsOptions.include=[]。vite.config.tsimport{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'exportdefaultdefineConfig({plu
- 2023-08-06浏览器的底层渲染机制
【DOM树】【CSSOM树】【Render-Tree渲染树】总结步骤：处理HTML标记，构建DOM树处理CSS标记，构建CSSOM树将DOM树和CSSOM树融合成渲染树根据生成的渲染树，计算它们在设备视口(viewport)内的确切位置和大小，这个计算的阶段就是回流=>布局（Layout）或重排（refl
- 2023-07-07浏览器种输入一个url到显示页面全过程
原文合集地址如下，有需要的朋友可以关注本文地址合集地址所谓的‘三颗树’在浏览器中，当解析和加载网页时，会形成三个重要的树结构：DOM树、CSSOM树和渲染树（RenderTree）。这些树结构在网页的渲染和布局过程中起到关键作用。DOM树（DocumentObjectModelTree）：DOM树表示HTML文档的
- 2023-06-02浏览器渲染HTML的步骤
HTML被HTML解析器解析成DOMTree,CSS则被CSS解析器解析成CSSOMTree`。DOMTree和CSSOMTree解析完成后，被附加到一起，形成渲染树（RenderTree）。节点信息计算(重排)，这个过程被叫做Layout(Webkit)或者Reflow(Mozilla)。即根据渲染树计算每个节点的几何信息生成布局
- 2023-05-02浏览器的渲染机制
1.页面加载过程在介绍浏览器渲染过程之前，想简明扼要的介绍下页面的加载过程，有助于更好的理解后续渲染过程，要点如下：浏览器根据DNS服务器得到域名的IP地址向这个IP的机器发送HTTP请求服务器收到、处理并返回HTTP请求浏览器得到返回内容2.浏览器渲染过程2.1.构建渲染树当我
- 2023-02-26浏览器如何渲染一个 html 文件？
浏览器如何渲染一个html文件14KB规则，具体的看MDN的解释：https://developer.mozilla.org/zh-CN/docs/Web/Performance/How_browsers_work#tcp_慢启动_14kb_规则大概
- 2023-02-17浏览器渲染机制
1.浏览器如何渲染网页概述：浏览器渲染一共有五步处理HTML并构建DOM树。处理CSS构建CSSOM树。将DOM与CSSOM合并成一个渲染树。根据渲染树来布局，计算每个
- 2023-02-15javascript放在head和body的区别以及js文件加载带来的阻塞解决
今天在看到菜鸟教程中的HTML中的Javascript脚本代码必须位于<script>与</script>标签之间。Javascript脚本代码可被放置在HTML页面的<body>和<head>部分中
- 2022-12-18浏览器渲染原理
看渲染过程先了解几个概念浏览器进程进程：程序的一次执行，它占有一片独有的内存空间，是操作系统执行的基本单元；线程：是进程内的一个独立执行单元，是CPU调度的最小单元；C
- 2022-10-29Dom树，什么是dom树？
https://blog.csdn.net/weixin_45820444/article/details/109013996https://www.cnblogs.com/asmurmur/p/14773022.html前端不可不学的浏览器渲染机制，阿里年年问，去一个栽
- 2022-10-14浏览器
浏览器渲染引擎世界五大浏览器，在自身发展时都使用了一种或多种渲染引擎作为自身的渲染引擎。GoogleChrome：Webkit(前期)、Blink(后期)AppleSafari：WebkitMozillaFir