✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

基于 babel 打造完整工具链，彻底通关 babel！或许你都没想过 babel 原来这么的强大。

本文首发于：https://github.com/bigo-frontend/blog/ 欢迎关注、转载。 一、前言 入职的第一个需求是跟着一位前端大佬一起完成的一个活动项目。 由于是一起开发，当然不

前阵子做了一个项目的前端网站，客户需求是要实现鼠标悬停的翻牌效果，经过沟通后确定了使用css3来实现此效果，接下来分享一下具体的实现方式。 从上面的示例中我们可以看出，主要使用的css3属性包括transition、backface-visibility、transform。 …

前言 本文会介绍浏览器中帧（Frame）的概念，它的流程是怎么样的。 至于写这个文章的出发点在于，我好奇浏览器中像素工作流程是怎么样的，什么时候开始的，最后的结果是什么。 基于这些好奇，查阅了些外文资

《Life of a Pixel》内容讲的是开发者编写的 web 内容（也就是通常所说的 HTML+CSS+JS 以及 image、video 等其他资源）渲染为图形并呈现到屏幕上的整个过程。我将其演讲内容分为以下三个部分，第一个是静态渲染过程，讲述一个完整的从 content…

在上面代码中，我们通过设置容器的偏移位置来控制显示的数字(其中useInterval的代码可参考这篇文章定时器在hooks的使用和分装)。 上述代码存在一个问题，当我们从9到0的时候，容器偏移从-90%直接到了0%。 解决这个问题，可以参考无缝滚动的思路，在9后面复制一份0，当…

文章超过 1.5w 字，文中包含了大量的专业概念与启发性思想，通读大约需要 30 分钟。建议先收藏下来，慢慢阅读。最后祝大家都能够有所收获！