很久之前就想把整个音乐界面好好写一写，不过一直迫于咕咕咕的属性没有去做这件事，以至于悔之不及，没有早点做，对我这种重度音乐控来说真的是太爽了，很快啊，马上就听了一下午。
前两天看到 叶子 重做了音乐界面于是马上就搞过来了啊，很快啊哈哈哈哈哈，谢谢大叶子的投喂！
博主思路和叶子有所不同，每个人都有每个人的实现方法，本文仅做分享博主自己的实现思路。
在线体验一个优雅的音乐界面
效果图整体效果我还是非常满意的 hhh
魔改步骤博主使用的 meting2 的版本，修改主题配置文件 _config.butterfly. ...
![[转载]还在用 JS 做节流吗？CSS 也可以防止按钮重复点击](https://img02.anheyu.com/adminuploads/1/2022/09/05/6315e1487d0f0.webp!cover)
引用站外地址
还在用 JS 做节流吗？CSS 也可以防止按钮重复点击
https://juejin.cn/post/7165828047520661534
众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。
举个例子：一个保存按钮，为了避免重复提交或者服务器 ...
在掘金看到一篇文章
引用站外地址
解放生产力！transform 支持单独赋值改变
https://juejin.cn/post/7152331836578856967
看完以后有感而发transform在制作动画时经常被占用，因为一个元素只能使用一个 transform，所以当我有多属性值需要设置时，我通常的做法是 ...
预览效果
魔改修改 themes/butterfly/layout/includes/header/index.pug 大概第 33 行左右
123456789101112131415161718if top_img !== false if is_post() include ./post-info.pug+ section.main-hero-waves-area.waves-area+ svg.waves-svg(xmlns='http://www.w3.org/2 ...
引用站外地址
原文链接
The large， small， and dynamic viewport units
引用站外地址
原文翻译
Chrome 发布新的 CSS ...
前端开发
未读bilibili 动态背景 winter || autumn || spring，刷新随机顶部 cover，本篇不做教程，仅作为记录艰辛的过程 📝
本来集成成了好几个 pug 结果发现并不能结构化引入，最后还是变成了 js 操作，难受难受，果然写习惯了 vue， react 再回来就不熟练了
坎坷的失败品
本来拆分出来了了以下几个 pug，结果发现完全用不了autumn.pug12345678910111213141516.blqbanner.mobi ...
前端开发
未读
React 的组件相对于 Vue 更加的灵活和多样，按照不同的方式可以分成很多类组件：
根据组件的定义方式，可以分为：函数组件(Functional Component )和类组件(Class Component)；
根据组件内部是否有状态需要维护，可以分成：无状态组件(Stateless Component )和有状态组件(Stateful Component)；
根据组件的不同职责，可以分成：展示型组件(Presentational Component)和容器型组件(Container Component) ...
在使用 React 的类组件时候我们常常会使用 setState 来更新状态，那么 setState 到底是同步的还是异步的呢？
1234changeMessage() { this.setState({message: "你好哇, 安知鱼"}) console.log(this.state.message); // hello world}
这段代码最终打印结果是 hello world，可见 setState 是异步的操作，我们并不能在执行完 ...
经常看我博客的同学应该不难发现我的文章顶图偶尔进来以后还要等一会才能出现，还有加载动画的图片偶尔加载不出来，后来经过我一系列的排查发现居然是懒加载的缘故。
观察 network 选项卡可以发现我们需要让启动器改变，不让lazyload.iife.min.js来加载我们的顶图与加载动画的头像。
方案一可以使用 css 的background属性而不使用 img 标签，就可以做到启动器变成对应的 css，从此排除懒加载的影响。
1234.loading-img { background: url(&quo ...
