用 mix-blend-mode 实现鼠标反色文字效果（也叫聚光灯效果或者手电筒效果）

用 mix-blend-mode 实现鼠标反色文字效果（也叫聚光灯效果或者手电筒效果）

折腾笔记2026-10-11

鼠标移到文字上，文字自动"反色"——这个在 DeepSeek 等官网常见的交互效果，核心只有一行 CSS：mix-blend-mode: difference。本文从 |255 - 下层色| 的差值算法讲起，拆解白色圆 + 混合模式如何实现反色，对比 mask-image 径向渐变挖洞方案，并给出 pointer-events、will-change、requestAnimationFrame 等性能优化。

从留声机到数字音频：音频格式转换的演进与原理

常用小工具2026-10-11

从爱迪生的留声机到数字时代的流媒体，音频播放历经百年变革。本文以音频格式转换为线索，串联起三段递进的知识脉络：音频播放的发展历史，揭示声音如何从模拟走向数字；常用音频格式的逐一解析，厘清无损与有损两大阵营的本质差异；格式转换的核心原理，阐明“解码—重采样—编码”的通用流程，以及为什么有损转换会累积音质损失。无论你是音频爱好者还是内容创作者，这篇文章都将帮助你建立对音频格式转换的系统认知。

极狐代码平台私有化部署后更新ssl域名证书

折腾笔记2026-10-04

极狐代码平台私有化部署后更新ssl域名证书的详细步骤教程

这个在线图标库，做设计时真的能省不少事

常用小工具2026-10-04

设计或开发时，找图标常常要注册登录、攒积分，甚至下载的图还带背景、改不了颜色。本文介绍一个轻量的在线 SVG 图标库：打开就能用，无需登录即可下载；支持在线自定义颜色，连图标的不同部件都能分别改色；可导出 SVG、PNG、JPG 多种格式，还能直接复制 SVG 源码贴进代码里。对需要频繁使用图标的设计师和开发者来说，是一个顺手又省心的免费素材工具。

中文转拼音：小工具背后的大便利

常用小工具2026-10-04

读书看报遇到不认识的字，或者拿不准多音字读几声，把字复制到中文转拼音小工具里，立刻就能看到带声调的拼音。本文围绕这个日常查读音的场景，介绍它如何帮普通用户快速解决“这个字怎么读”的问题，并提醒使用时的注意事项，让查读音这件事变得简单直接。

网站地图：从诞生到价值的三重解读

常用小工具2026-10-04

本文围绕网站地图展开三层解读：先追溯其作为“爬虫导航图”的诞生背景，再拆解HTML与XML两种主流结构及其扩展格式，最后从收录速度、抓取效率和架构补全三个角度，说明网站地图为何是SEO工作中不可或缺的基础设施。

时区转换：连接世界的无形时钟

常用小工具2026-09-27

时区是地球按经度划分的统一时间区域，全球共24个。本文从时区的定义讲起，说明时区因地球自转和现代交通通信需求而产生，并给出“目标时区时间 = 已知时区时间 ± 时区差”的转换公式及实例。最后探讨时区转换对跨国商务、旅行和日常生活的实际影响，帮助你轻松掌握跨越时区的时间计算方法。

与家人的一次游完

生活随笔2026-09-27

趁着周末天气晴好，我们一家人循着花香开启了一场充满欢声笑语的家庭游乐。从栈道上孩子指着荷花的大喊大叫，到观赏桥中间一家人趴着看红黑相间的鱼儿，再到傍晚夕阳下荷花镀上的金边……这个夏天，满池的荷花与家人的笑脸，凑成了相册里最珍贵的记忆。

工作与生活中的一抹温柔绿意

生活随笔2026-09-18

PDF相比较于其他文件格式的优点

常用小工具2026-09-18