Wall clock 与 Monotonic clock

现代操作系统通常有两个时间,Wall clock 和 Monotonic clock。Wall clock 就是我们一般意义上的时间,就像墙上钟所指示的时间。该时钟可能会发生变化。例如,如果它与NTP(网络时间协议)同步。在这种情况下,同步后,我们服务器的本地时钟可以在时间上向后或向前跳。因此,从挂钟开始测量持续时间会产生偏差。Monotonic clock 字面意思是单调时间,实际上它指的是从某个点开始后(比如系统启动以后)流逝的时间,单调时间重要的不是当前值,而是保证时间源严格线性增加...

弹性布局与最小宽度

By default, flex items won’t shrink below their minimum content size这意味着项目的最小宽度被设置为其内容的宽度,并且不会缩小到该宽度,所以这里使用overflow: hidden无法让其收缩。flex 布局的元素会默认设置min-width,min-width默认值为 0,但规范中对于flex项目则设置为auto。这可能会使块状元素占用比预期更多的空间,甚至使它们的容器超出小屏幕的屏幕边缘。 See the Pen Mi...

2019 的最后一天 🌌

2019 年的最后一天,这一天平淡无奇,也毫无疑问在加班,十一点半到家,继续写这篇文章。所以我在想如果再经过 3650 个像今天一样的一天,那么在 2030 我会成为什么样的我?这期间可以想象的会换几份工作,最终找到一个稳定的工作,在某一天遇到另一半,又在某一天结婚某一天生子。唯一可以确定的是2020 与下一个十年注定是我一生中最辉煌,最精彩的十年,不出以外的话下半生的基调也就由这十年定下。回想2010至今这过去十年,并没有太多感觉,虽然也是平淡的校园生活,最后实习工作,但是对新知识有一种...

最大潜在优先输入延迟(Max Potential First Input Delay)

我们衡量一个页面的首屏,往往只关注了首屏的渲染速度,而忽视了交互维度的评价。JavaScript在单线程环境中运行,当一个任务执行时间过长就会阻塞线程,其他所有任务都必须等待。在移动设备上情况更糟。任务可能要花费3-5倍的时间。什么是最大潜在优先输入延迟让我们定义第一个输入延迟的含义,因为它不包括所有用户交互。FID可测量诸如单击,按键和在字段中输入文本之类的操作。它不包括滚动或缩放,因为它们可以由浏览器在单独的线程上运行。评分规则最大潜在FID时间(ms)颜色编码0–130绿色(快速)1...