soindy

转载自: 野狗《如何避免页面卡顿》什么是页面卡顿？如下：当拖动页面或者滚动的时候页面一卡一卡的，看起来不连贯，我们就说页面卡了，这是一种非常不友好的体验，怎么衡量页面卡顿的情况呢？失帧和帧率FPS如果你家里买了电视盒的话，在设置里面应该会有一个输出设置：上面选中的60Hz就是帧率(frame per second)，即一秒钟60帧，换句话说，一秒钟的动画是由60幅静态图片连在一起形成的。60fps是

转载自: 野狗《从 Chrome 源码看浏览器如何计算 CSS》 在 《 HTML 如何避免页面卡顿》这篇里面介绍了浏览器渲染页面的过程：并且《从Chrome源码看浏览器如何构建DOM树》介绍了第一步如何解析Html构建DOM树，这个过程大概如下：浏览器每收到一段html的文本之后，就会把它序列化成一个个的tokens，依次遍历这些token，实例化成对应的html结点并插入到DOM树里面。我将在

转载自: 野狗《从 Chrome 源码看浏览器如何 layout 布局》假设有以下html/css：<div style="border:1px solid #000; width:50%; height: 100px; margin: 0 auto"></div>这在浏览器上面将显示一个框：为了画出这个框，首先要知道从哪里开始画、画多大，其次是边缘stroke的颜色，就可以把它画出来了：void