本文将深入介绍 Chromium 内核组成结构，并以渲染流水线为主线，从接收字节码开始，按渲染流程来一步一步分析这个字节码究竟是如何转变成屏幕上的像素点的。

今天来学习一下浏览器渲染引擎的工作原理，全文8500+字，文章内容较多，建议先收藏再学习！确定不点进来看看吗？

看到标题，大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用，既可以用PC浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至能在车载系统、穿戴设备和电视平台上访问。 设备的多样化让用户无处不在，有时候我们需要根据不同的浏览器运行环境…

浏览器使用流式布局模型,浏览器将HTML文件转换成DOM树，将CSS文件转换成CSSOM树，DOM和CSSOM这两棵树组合为渲染树，即Render Tree。看如下图所示： 渲染树只会包括需要显示的节点和这些节点的样式信息，计算他们在页面上的位置和大小，如果某个节点是 disp…

网络进程请求DNS返回域名对应的IP和端口号，如果之前DNS数据缓存服务缓存过当前域名信息，就会直接返回缓存信息；否则，发起请求获取根据域名解析出来的IP和端口号，如果没有端口号，http默认80，https默认443。如果是https请求，还需要建立TLS连接。 ，直至进行中…

前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资

今天文章来聊聊浏览器到底是如何对待下载资源的，比如说 JS、CSS、字体、图片等文件。 HTML 在解析的过程中遇到同步的 script 会卡住 DOM 解析这个知识点我相信读者们应该都知道。 上述代码中，HTML 遇到 <script>console.log(1)&…

1. Chrome 打开一个页面需要启动多少进程？分别有哪些进程？ 浏览器从关闭状态进行启动，然后新开 1 个页面至少需要 1 个网络进程、1 个浏览器进程、1 个 GPU 进程以及 1 个渲染进程，共 4 个进程；后续再新开标签页，浏览器、网络进程、GPU进程是共享的，不会重…