刘羽禅

经常做c端网页的朋友应该会经常遇到这种多段进度条的功能，类似 横向的进度条： 又或者，纵向的进度条： 等等类似的效果，这类进度条最难处理的便是： 每个ui效果可能都不太一样，不同的进度条可能需要重新封

在 Flex 布局中，文字省略常常因为父层默认的 min-width: auto 而失效。只需在包裹文字的 Flex 容器上添加 min-width: 0，即可让内部内容根据空间压缩，是文本缩略生效。

电商类 H5、小程序把商品加入到购物车时，常常有一个抛物线动画。比如麦当劳小程序，当你点击加购按钮时，会看到有一个小汉堡从卡片汉堡上抛出，然后掉落到购物袋里。本文介绍了这种动画的实现方法。

在移动端开发中，每次遇到 Touch 事件，总是能把人搞头大，今天一起来梳理一下 Touch 事件的基础知识和踩坑点吧~

项目开发的过程中，统一的包管理器能减少很多隐藏的问题，除了人的约束，我们还可以在代码层面也做一层限制。

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是有阻力的。 有同事问：“老大

今天干活时，突然看到大群里有人艾特我，还甩了一张截图： 我很火大，群里艾特我膈应谁呢！ 到这儿，我没干再反驳了，因为我不太清楚rebase的意思，我开始怀疑是不是自己git pull用用错了！

最近公司来了个新同事，年轻有活力，就是查日志的方式让我有点裂开。于是我当场掏出了一套我压箱底的“查日志组合拳”，一招一式手把手教他。他当场就“悟了”，连连称妙！

优雅的使用 Tailwind 目录 怎么解决滥用的[]（&主题切换）？ 怎么优化 Tailwind 杂乱的排序方式？ 不用 class 怎么给统一给标签设置类名？ 怎么复用重复的样式？ Tailwin