Intro 这篇文章我们深入学习 Transition 动画。没错，CSS3 Transition 动画。你可能会问，不是很简单吗，这什么好讲的？ 确实，Transition 动画使用起来非常容易。

【硬核基础】系列的几篇文章，感兴趣的朋友可以了解一下： 硬核基础二进制篇（二）位运算 硬核基础二进制篇（一）0.1 + 0.2 != 0.3 和 IEEE-754 标准 硬核基础编码篇（一）烫烫烫烫烫

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 引言 ：让我们一起来学习grid布局吧，因为网格布局（Grid）是最强大的 CSS 布局方案。

前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…