update: 浏览器的渲染过程

2021-01-18 20:46:03 +08:00
parent b80ee60568
commit 0c3df74022
6 changed files with 60 additions and 37 deletions
--- a/13-前端面试/02-前端性能优化/01-性能优化的指标和工具.md
+++ b/13-前端面试/02-前端性能优化/01-性能优化的指标和工具.md
@@ -529,7 +529,7 @@ Chrome DevTools能够检测各种性能参数，其实也是调用了一些性

 - SSL 安全连接耗时: connectEnd - secureConnectionStart

- 网络请求耗时 (TTFB): responseStart - requestStart。
+- 网络请求耗时 (TTFB): responseStart - requestStart

 - 数据传输耗时: responseEnd - responseStart

--- a/13-前端面试/02-前端性能优化/02-渲染优化.md
+++ b/13-前端面试/02-前端性能优化/02-渲染优化.md
@@ -0,0 +1,13 @@
+
+
+## 浏览器的渲染机制
+
+我们需要先理解浏览器的渲染经历了哪些过程，才能有针对性的进行相关优化。
+
+掌握浏览器的渲染优化，可以说是前端工程师的一个分水岭。如果想要具备架构师的思维，需要达到什么样的能力？不光是要解决当下的问题，还需要掌握基本的原理，将来在遇到新问题时也能解决，即“预测问题”。
+
+有一个经典的面试题是：“在浏览器的地址栏输入url，回车后，经历了哪些过程？”这个问题并不简单，根据你回答的详细程度，可以看出你对前端知识的掌握程度。你能否答出“浏览器的渲染机制”？如果不能，说明你对浏览器渲染的性能优化，不够了解。
+
+关于浏览器的渲染机制，可以看本教程的另外一篇文章：
+
+> 《前端面试/面试必看/浏览器渲染机制.md》