From f681bf762c48a6a3f257547dfd63a977e8a0de5e Mon Sep 17 00:00:00 2001
From: YuJian <zhonghao@jobcn.com>
Date: Thu, 19 May 2022 15:54:14 +0800
Subject: [PATCH] vault backup: 2022-05-19 15:54:14

---
 FrontEnd 那些事/深入探索 - 浏览器.md | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 FrontEnd 那些事/深入探索 - 浏览器.md

diff --git a/FrontEnd 那些事/深入探索 - 浏览器.md b/FrontEnd 那些事/深入探索 - 浏览器.md
new file mode 100644
index 0000000..876efa3
--- /dev/null
+++ b/FrontEnd 那些事/深入探索 - 浏览器.md	
@@ -0,0 +1,8 @@
+## 工作流程
+
+1. 浏览器首先使用 HTTP 协议或者 HTTPS 协议，向服务端请求页面；
+2. 把请求回来的 HTML 代码经过解析，构建成 DOM 树；
+3. 计算 DOM 树上的 CSS 属性；
+4. 最后根据 CSS 属性对元素逐个进行渲染，得到内存中的位图；
+5. 一个可选的步骤是对位图进行合成，这会极大地增加后续绘制的速度；
+6. 合成之后，再绘制到界面上。
\ No newline at end of file