1. VAP VAP（Video Animation Player）是企鹅电竞开发，用于播放酷炫动画的实现方案。 2. 项目背景 企鹅电竞是个直播平台，需要在直播间里显示酷炫的送礼动画。 调研后发现，要么特效表现无法达到要求（Lottie, GIF），要么文件太大而且还是软解（…

一日敲代码的我，得到一个需求：写一个10秒的倒计时。 用JavaScript定时器麻溜写完之后，恰好同事勇司机接完水。瞟了一眼，然后凑过来说，这个用CSS3也可以写，而且一行JavaScript都不用写。 "一行JavaScript都不用写，纯CSS3就可以写。CSS3有这么溜…

开发者常常问我关于像素工作流程的某些部分，什么时候、为什么、发生了什么。所以我感觉值得提供一些参考，有关于将像素显示在屏幕上的过程里发生了什么。 警告：文本是 Blink（译注：Chrome 使用的排版引擎，是 webkit 的分支）和 Chrome 的视角。主线程的大部分任务…

大多数人知道现代网络浏览器使用GPU来渲染部分网页，特别是具有动画的部分。 例如，使用transform属性的CSS动画看起来比使用left和top属性的动画更平滑。 但是如果你问，“我如何从GPU获得平滑的动画？”在大多数情况下，你会听到像“使用transform:trans…