light-dark 是在 2024 年 5 月新加入的一种新的 CSS 函数，它允许我们根据用户的系统颜色方案（浅色或深色模式）来自动选择合适的颜色值。

Phone更新底部小黑条之后，我们在页面开发时就需要考虑安全距离的问题了，不过好在iPhone有配套的CSS安全距离样式safe-area-inset-*。但是在JS里面想拿到这个安全距离该怎么拿呢？

最近发了个文，荣幸进入掘金前端“榜一”！，感兴趣的朋友点这里☞链接， 同志们，我飘了！！！ 瞬间，觉的作为一个“公众”的并且附带责任感的###前端佬###😎，是时候进行传道授业解惑(zhuang bi

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

纯CSS实现Loading特效，承诺不添加一滴JS！本文提供39个例子，剩下的例子放在后面两篇文章中。

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一个保存按钮，为了避免重复提交

链接和按钮在Web中可以说是最常见不过的东东了。但在 Web 开发当中，很少人会去问自己，链接和按钮是否用对了，或者说什么时候用链接或按钮？这小小的差异就很值得我们去花时间探讨。

最近几天，有好几个同学都问了同样一个问题。 页面上有一段文本，能否实现这段文本在不同背景色下展示不同的颜色？也就是俗称的智能变色。像是下面这样： 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看