本文将深入介绍 Chromium 内核组成结构，并以渲染流水线为主线，从接收字节码开始，按渲染流程来一步一步分析这个字节码究竟是如何转变成屏幕上的像素点的。

1. 背景 几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化，主要是利用异步分片计算来提高当前的 FPS 值，避免用户操作被阻塞。感谢 kylehr 的支持和帮助。

Spotify 的 WebApp 做得非常优秀，作为一个 Web 前端开发，我非常喜欢用 Sptify。早在 Spotify 还只支持 ChromeOS 安装成 PWA 时我就用 DevTools 将 Spotify PWA 安装在 macOS 上。但由于版权等等不明原因 Sp…

RenderingNG 是 Chromium 团队花费八年打造的下一代渲染架构，一个新的、尖端的渲染引擎架构。这篇文章是系列文章的第一篇，总共有五篇。

由于个人对js产生了各种疑惑，又苦于网上尚无js上下文的源码级分析，只能自己硬着头皮上啦🌶🌶2万字长文，从chromium源码分析js上下文和作用域。

本文由 @张驰 翻译，更新时间：2020-02-16 https://developers.google.com/docs/api/concepts/structure 谷歌文档的结构 本指南解释了

Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。 有三种方式，推荐第二种标准版（无需安装依赖，…

作为一门强大的静态类型检查工具，如今在许多中大型应用程序以及流行的JS库中均能看到TypeScript的身影。JS作为一门弱类型语言，在我们写代码的过程中稍不留神便会修改掉变量的类型，从而导致一些出乎意料的运行时错误。然而TypeScript在编译过程中便能帮我们解决这个难题，…

用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…