diff --git "a/\345\211\215\346\262\277\346\212\200\346\234\257/221.\347\262\276\350\257\273\343\200\212\346\267\261\345\205\245\344\272\206\350\247\243\347\216\260\344\273\243\346\265\217\350\247\210\345\231\250\344\270\211\343\200\213.md" "b/\345\211\215\346\262\277\346\212\200\346\234\257/221.\347\262\276\350\257\273\343\200\212\346\267\261\345\205\245\344\272\206\350\247\243\347\216\260\344\273\243\346\265\217\350\247\210\345\231\250\344\270\211\343\200\213.md" index 6a7eb281..2f51e706 100644 --- "a/\345\211\215\346\262\277\346\212\200\346\234\257/221.\347\262\276\350\257\273\343\200\212\346\267\261\345\205\245\344\272\206\350\247\243\347\216\260\344\273\243\346\265\217\350\247\210\345\231\250\344\270\211\343\200\213.md" +++ "b/\345\211\215\346\262\277\346\212\200\346\234\257/221.\347\262\276\350\257\273\343\200\212\346\267\261\345\205\245\344\272\206\350\247\243\347\216\260\344\273\243\346\265\217\350\247\210\345\231\250\344\270\211\343\200\213.md" @@ -48,7 +48,7 @@ LayoutTree 和 DOM 结构很像了,但比如 `display: none` 的元素不会 ### 从渲染分层看性能优化 -本篇提到了浏览器渲染的 5 个重要环节:解析、样式、布局、绘图、合成,是前端开发者日常工作中对浏览器体感最深的部分,也是优化最长发生在的部分。 +本篇提到了浏览器渲染的 5 个重要环节:解析、样式、布局、绘图、合成,是前端开发者日常工作中对浏览器体感最深的部分,也是优化最常发生在的部分。 其实从性能优化角度来看,解析环节可以被替代为 JS 环节,因为现代 JS 框架往往没有什么 HTML 模版内容要解析,几乎全是 JS 操作 DOM,所以可以看作 5 个新环节:JS、样式、布局、绘图、合成。