gnaful

🐳不知道大家平时有没有留意水滴落下的瞬间。 仔细去听，仔细去看，每一滴滴水珠落下泛起的涟漪都让人意向连篇。这次给大家带来水滴按钮。

大家好，我是不吃鱼d猫，过年以来。断更许久，又回来了，学无止境，作为程序员知识是要不断更新迭代的。在此期间，接触了几天的VUE,写个小案例

本文主要讲讲 CSS 非常新的一个特性，CSS @property，它的出现，极大的增强的 CSS 的能力！让 CSS 拥有了更多可能！

一、格式化歌词 接口返回的歌曲歌词是字符串形式，需要把格式格式化后提取相关信息用于实现滚动歌词。 歌词示例： 格式化后的数据示例： 格式化使用的函数： 二、歌词滚动 实现歌词滚动需要知道当前歌曲播放的

在加载网络数据时，为了提升用户体验，通常会使用一个转圈圈的loading动画，或者使用Skeleton Screen占位。相比与loading动画，Skeleton Screen的效果要更生动，实现起来来也很简单。利用CSS就可以实现一个简单的Skeleton Screen。 …

PaymentRequest API 是一种跨浏览器的标准 API，主要的目的是以浏览器充当中介，尽可能标准化支付通信的流程。 💳 整个流程主要是创建 PaymentRequest，将购买货物的详细信息传递给浏览器，在 UI 层面显示支付的 UI，用户填入支付信息或从缓存中一…

Frames部分，主要用于查看特定帧的fps，可以查看特定的帧情况。 此代码的问题在于，在每个动画帧中，它会更改每个方块的样式，然后查询页面上每个方块的位置。由于样式发生了变化，浏览器不知道每个方块的位置是否发生了变化，因此必须重新布局方块以计算其位置。

之前做过很多特殊的布局，比如在这两篇文章 CSS 实现优惠券的技巧 (juejin.cn)、CSS 实现支持渐变的提示框（tooltips） (juejin.cn)，如下 但是一直有一个痛点就是：无法

而CSS(Cascading Style Sheets)作为层叠样式表，也拥有自己的函数。可将它们插入要放置值的位置，或者在某些情况下，将其插入另一个值声明，一些CSS函数甚至允许函数嵌套。