12 2019 档案

摘要:渲染事件 CSS阻塞 CSS会阻塞渲染树的构建,不阻塞DOM构建,但是在CSSOM构建完成之前,页面不会开始渲染(一片空白),与js不一样,js虽然会阻塞后续DOM构建,但是前面已经就绪的内容会进行渲染。CSS虽然不阻塞DOM构建,但是会阻塞后面js的执行,从而间接阻塞完整DOM的构建,举个例子: 阅读全文
posted @ 2019-12-05 20:32 Syw_文 阅读(2105) 评论(0) 推荐(0) 编辑
摘要:文档解析 在Chrome开发者工具performence栏中可以看到parsing阶段: HTML parsing(HTML解析)的任务是根据HTML源文件生成parse tree 可以参照《编译原理》理解。对应到词法分析、语法分析。 webkit使用了两种非常有名的解析器生成器:用于创建词法分析器 阅读全文
posted @ 2019-12-05 20:19 Syw_文 阅读(192) 评论(0) 推荐(0) 编辑
摘要:在前面小节,我们对网页渲染过程做了介绍,其中最后两步就是layout与paint,当渲染对象被创建并添加到树中,它们并没有位置和大小,计算这些值的过程称为layout或reflow。绘制阶段,遍历渲染树并调用渲染对象的paint方法将它们的内容显示在屏幕上,绘制使用UI基础组件。 何时发生? 由两者 阅读全文
posted @ 2019-12-05 19:58 Syw_文 阅读(322) 评论(0) 推荐(0) 编辑
摘要:缓存一词原本来源于计算机系统结构,提供“缓存”的目的是为了让数据访问的速度适应CPU的处理速度,其基于的原理是内存中“程序执行与数据访问的局域性行为”,即一定程序执行时间和空间内,被访问的代码集中于一部分。 如今缓存的概念已被扩充,不仅在CPU和主内存之间有Cache,而且在内存和硬盘之间也有Cac 阅读全文
posted @ 2019-12-05 19:46 Syw_文 阅读(156) 评论(0) 推荐(0) 编辑
摘要:网络延迟 产生延迟的四种因素: 分别对应: 处理延迟: 处理分组首部、检查位错误及确定分组目标所需的时间 队列延迟: 到来的分组排队等待处理的时间 发送延迟: 把消息中的所有比特转移到链路中需要的时间,是消息长度和链路速率的函数 传输延迟: 消息从发送端到接收端需要的时间,是信号传播距离和速度的函数 阅读全文
posted @ 2019-12-03 20:41 Syw_文 阅读(590) 评论(0) 推荐(0) 编辑