TECH
技术
硬核干货，科技感阅读体验
移动端100vh的坑：音乐播放器四轮返工复盘
前言 前阵子给博客做了一个沉浸式的音乐播放器页面：顶部固定播放器（旋转黑胶封面 + 进度/控制），底部一个可以拖拽升降的"第二屏"面板（歌词/播放列表）。桌面端和自己的主用浏览器上一切完美，结果换了一台用 Edge 手机…
阅读全文 →无头音乐下载器Ro实战：151首歌单的清洗、换源下载与歌词封面自动化
前言 博客音乐库原本只有 91 首周杰伦（见《液态玻璃音乐播放器》一篇），一直想扩容，但手动加歌的流程实在太长：找下载源、抓歌词、配封面、改 manifest，每首歌五分钟起步。直到发现了开源项目 Ro ——一个无头（h…
阅读全文 →液态玻璃音乐播放器：网页设计、数据体系与工程实践总结
前言 博客的 /music 页面上线了一个沉浸式的音乐播放器：液态玻璃质感、旋转的黑胶封面、随歌变色的氛围背景、可拖拽升降的歌词面板，背后挂着 91 首周杰伦的歌曲库（后来经 Ro 下载流水线扩至 241 首，见《无头音…
阅读全文 →浏览器缓存的坑与解决方案
前言 在前端开发中，浏览器缓存是一个让人又爱又恨的存在。它能提升网站性能，但在开发调试时却常常带来意想不到的麻烦。本文通过一个真实的案例，深入剖析浏览器缓存问题及其解决方案。 问题背景 在修复 Flask + Simpl…
阅读全文 →HTML简历Playwright转PDF
如何用 HTML + Playwright 构建精美简历并转换为 PDF 本文记录了从 Markdown 简历转换为 PDF 的探索过程，最终采用 HTML 模板 + Playwright 渲染的方案，实现了高度保真的简…
阅读全文 →Flask+SimpleMDE表单验证踩坑记
问题描述 在 Flask 博客后台管理系统的文章编辑页面中，使用 SimpleMDE Markdown 编辑器时遇到了一个极其顽固的问题： 这个错误导致表单无法正常提交，保存按钮点击后没有任何反应。 问题原因分析 根本原…
阅读全文 →