性能优化
文章平均质量分 92
tpfsoar
这个作者很懒,什么都没留下…
展开
-
事件循环中的同步和异步以及宏任务、微任务
相比于同步异步方法,宏任务和微任务能更好的描述事件循环,可以通过此网站更好地理解宏任务与微任务,神站也。 浏览器的渲染机制是,在当前宏任务执行完成之前,会清空所有微任务,并在下一个宏任务开始之前进行渲染操作。原创 2022-05-18 22:52:58 · 480 阅读 · 0 评论 -
前端性能优化之浏览器重排与重绘
浏览器渲染过程 在分析浏览器重排、重绘对性能的影响时,我们需要大致了解浏览器的渲染过程,其大致流程为: 把HTML结构字符串解析转换DOM树形结构 解析CSS会产生CSS规则树 js脚本文件加载后,通过 DOM API 和 CSSOM API 来操作 DOM Tree 和 CSS Rule Tree 浏览器有GUI渲染线程与JS引擎线程,为了防止渲染出现不可预期的结果,这两个线程互斥,故渲染过程中,如果遇到<script>标签则会停止渲染,阻塞DOM构建,等到执行完毕后再继续构建 .原创 2022-05-13 00:41:50 · 361 阅读 · 0 评论