那个让我熬夜到两点的数字滚动效果，原来是这样实现的！ 缘起：被某度首页种草的计数器 昨晚刷着手机，突然看到某度首页那个酷炫的AI调用次数计数器——数字像滚筒洗衣机一样唰唰滚动，最后稳稳停在目标数值。

前端开发中的单位选择是关键的技术决策之一。本文探讨了常见的前端单位，包括pt、rpx、px、em、rem、%、vh、vw，并对它们的区别进行了详细解释。

为什么vue:deep、/deep/、>>>样式能穿透到子组件 在scoped标记的style中，只要涉及三方组件，那deep符号会经常被使用，用来修改外部组件的样式。 不使用deep 要想修改三方组

边框的形状 border主要是用来给盒子，添加边框的，但是在开发中我们可以利用边框的特性，来实现一些形状： https://css-tricks.com/the-shapes-of-css/#top-

今天我们推荐的就是2023年最火的前端开源项目，目前在GitHub已超过44K Star，它就是：shadcn-ui。

如何实现一个雨滴落下效果 前言 下雨天坐在车窗前，看着雨滴顺着车窗渐渐落下，这一唯美的场景，忍不住想记录下来。最近在纠结电脑壁纸时，无意间看到有类似的场景，可以将自己喜欢的壁纸加上这种效果。作为多年切

说到布局很多人的感觉应该都是恐惧，为此很多人都背过一些很经典的布局方案，例如：圣杯布局、双飞翼布局等非常耳熟的名词； 为了实现这些布局我们有很多种实现方案，例如：table布局、float布局、定位布

我已经从事Web前端开发多年了，CSS 平时用起来也挺熟练的，但是总觉得自己对它理解得又不够透彻，所以一直想再系统的学习总结一遍，所以本文的重点并是不堆砌基础知识，在很多基础的地方会有省略、一笔带过。

需求 最近准备做一个瀑布流的需求，这里每个卡片的高度是不固定的，有点类似下图这样的。 这里的主要难点是如果使用绝对定位，会涉及到大量的计算，非常麻烦。