最新推荐
阅读全文 ↗渲染测试：字体、排版与 Markdown 元素
一篇用于检验站点渲染效果的测试文章，覆盖多语言文字、标题层级、列表与表格、多语言代码块、数学公式、emoji 等场景。
Featured
置顶文章
不必让主页承担完整档案。这里只保留最值得从这里开始的一篇，以及最近更新。
Latest writing
最近更新
最近写下的几篇放在这里，随写随更，不必一次读完。更早的文字都收在归档里，沿着时间线慢慢翻。
液态玻璃实现解析：用 SVG 位移折射替代毛玻璃模糊
以本站代码为据，拆解液态玻璃效果的三层实现：feDisplacementMap 位移折射滤镜、玻璃材质的光学建模、指针追踪与拖拽交互，以及不支持环境下的降级纪律。
rRanker 总体架构解析：一个多音游数据聚合应用的设计
以代码为据，逐层拆解 rRanker 的架构决策：Provider 契约化数据源、四级存储分层、凭据与账号分离的会话体系、判别联合驱动的多游戏扩展模型。
CHUNITHM 板块实现解析：落雪数据源与 Best30+New20+Selection 体系
解析 rRanker 中 CHUNITHM 板块：落雪 OAuth 绑定即预热、单飞 token 刷新、三层缓存回退、Rating 领域映射、成绩图 Selection 分区与随机谱面抽样的实现原理。
舞萌DX 板块实现解析：从 Score Hub 同步到 B50 成绩图
以 rRanker 开源项目为样本拆解舞萌DX 完整数据链路：好友码与神秘二维码登录的状态机、三路成绩分发与数据卫生、DX Rating 分段系数与 B50 构建、HTML+WebView 成绩图导出、Simai 谱面预览与超密段音频烘焙。
Phigros 板块实现解析：TapTap 协议复刻、云存档解密与推分算法
拆解 rRanker 的 Phigros 板块：复刻 TapTap 设备码登录与 LeanCloud 云存档协议、AES 解密与二进制解析、RKS/B30 计算与全量模拟式推分推荐、像素级复刻 phi-plugin 的成绩图与按需字体工程。