摘要：
渲染事件 CSS阻塞 CSS会阻塞渲染树的构建，不阻塞DOM构建，但是在CSSOM构建完成之前，页面不会开始渲染（一片空白），与js不一样，js虽然会阻塞后续DOM构建，但是前面已经就绪的内容会进行渲染。CSS虽然不阻塞DOM构建，但是会阻塞后面js的执行，从而间接阻塞完整DOM的构建，举个例子： 阅读全文
摘要：
文档解析 在Chrome开发者工具performence栏中可以看到parsing阶段： HTML parsing（HTML解析）的任务是根据HTML源文件生成parse tree 可以参照《编译原理》理解。对应到词法分析、语法分析。 webkit使用了两种非常有名的解析器生成器：用于创建词法分析器 阅读全文
摘要：
在前面小节，我们对网页渲染过程做了介绍，其中最后两步就是layout与paint，当渲染对象被创建并添加到树中，它们并没有位置和大小，计算这些值的过程称为layout或reflow。绘制阶段，遍历渲染树并调用渲染对象的paint方法将它们的内容显示在屏幕上，绘制使用UI基础组件。 何时发生？ 由两者 阅读全文
摘要：
缓存一词原本来源于计算机系统结构，提供“缓存”的目的是为了让数据访问的速度适应CPU的处理速度，其基于的原理是内存中“程序执行与数据访问的局域性行为”，即一定程序执行时间和空间内，被访问的代码集中于一部分。 如今缓存的概念已被扩充，不仅在CPU和主内存之间有Cache，而且在内存和硬盘之间也有Cac 阅读全文