测试笔记

笔记相关

共 17 篇文章（分页显示，每页 15 篇）

2026-06-03 2 分钟 · 1000 字

评论功能模块统一与UI美化

统一全站评论功能模块，消除重复实现，美化评论区UI样式，包括加载动画、错误状态、卡片容器适配和便签墙布局优化

2026-06-03 4 分钟 · 1828 字

高德地图出行轨迹回放功能实现

基于高德地图 JS API 2.0 实现出行轨迹回放功能，支持导航链接导入、驾车路径自动规划、小车动画回放、速度调节和地图交互，后台仅需起终点信息即可自动生成完整路线

2026-06-03 3 分钟 · 1359 字

番茄钟专注计时器功能实现

基于纯前端实现的番茄工作法计时器，支持三种模式切换、圆形进度条动画、白噪音合成、任务清单和今日统计，无需后端 API

2026-06-03 6 分钟 · 2623 字

便签墙功能实现

基于纯前端实现的便签墙功能，支持随机散落布局、自由拖拽堆叠、分类筛选、用户发布、管理员删除，暗色模式完整适配

2026-05-28 2 分钟 · 850 字

硬编码颜色迁移为CSS变量

介绍将 CSS 中硬编码的颜色值统一替换为 CSS 自定义属性的技术方案，涵盖多个核心选择器的迁移细节，确保暗色模式自动切换且主题维护更加便捷

2026-05-28 2 分钟 · 786 字

移动端浮动目录按钮

介绍为移动端设计浮动 TOC 目录按钮的方案，桌面端目录在侧边栏展示，移动端则通过右下角 FAB 按钮弹出底部抽屉面板展示完整目录结构

2026-05-28 3 分钟 · 1466 字

文章页随机推荐功能实现

将文章底部的相关文章改为跨分类随机推荐，使用 Hugo 内置 shuffle 函数实现全站文章随机展示，提升内容发现能力

2026-05-28 2 分钟 · 645 字

文章图片悬停放大蒙层效果

在已有 Fancybox 灯箱功能基础上，为文章正文图片增加悬停蒙层和放大镜图标交互效果，使用 CSS 伪元素和过渡动画提升用户操作感知

2026-05-28 2 分钟 · 877 字

文章卡片已更新标记徽章

介绍在首页和归档列表的文章卡片上增加「已更新」绿色徽章的方案，通过 Hugo 模板比对修改日期和发布日期，当两日期不同时自动显示徽章

2026-05-28 2 分钟 · 658 字

文章标题锚点链接功能实现

介绍为文章 H2/H3/H4 标题自动添加锚点链接按钮的功能实现，hover 标题时显示 # 链接按钮，点击复制完整 URL 到剪贴板并显示确认图标

2026-05-28 2 分钟 · 923 字

浏览位置记忆功能实现

介绍使用 sessionStorage 保存和恢复页面滚动位置的功能实现，包括被动滚动监听、300ms 节流优化，以及 SWUP 页面切换的兼容处理

2026-05-28 2 分钟 · 672 字

键盘焦点轮廓恢复与无障碍优化

介绍如何恢复并自定义全局键盘焦点轮廓样式，使用 :focus-visible 伪类为键盘用户提供清晰的焦点指示器，同时适配暗色模式，替换浏览器默认 outline 为自定义虚线边框加柔和光晕效果

2026-05-28 13 分钟 · 6278 字

Lumin Blog 3.0 全功能介绍文档

全面介绍 Lumin Blog 3.0 的所有功能模块，涵盖首页、文章系统、分类体系、娱乐板块、独立页面、交互体验、SEO 运营、评论互动、后台管理、基础设施等十一大模块的详细说明

2026-05-28 2 分钟 · 753 字

CSS性能优化：transition:all 替换为精确属性

介绍将 CSS 文件中所有 transition:all 替换为精确过渡属性的优化方案，按选择器类型分类替换，解释 transition:all 的性能缺陷，并展示替换数据统计

2026-05-28 2 分钟 · 756 字

404页面增加搜索框降低跳出率

介绍在 404 页面添加搜索表单的设计方案，让访客在 404 页面可以直接输入关键词触发全站搜索，减少页面跳出并改善用户体验

文章分类

测试笔记 17 开发编程 27 示例演示 25 游戏娱乐 12 日常随笔 15 资源分享 14 智能家居 13 技术笔记 25

所有标签

#404 1 #API 3 #APlayer 1 #Canvas 1 #Chroma 2 #Cloudflare 3 #Confetti 1 #CSS 10 #Docker 1 #ECharts 1 #Epic 1 #Express 1 #Fancybox 4 #GitHub 2 #Hugo 36 #JavaScript 11 #JSON 1 #Linux 1 #Live2D 1 #Lumin 4 #Markdown 24 #Math 1 #MESH 1 #NAS 1 #Node.js 1 #Pomodoro 1 #RSS 1 #SEO 5 #Shuffle 1 #Sitemap 1 #Steam 2 #TOC 2 #TOML 1 #VSCode 1 #Vue3 4 #Web Audio API 1 #下载 1 #专题 1 #个人成长 1 #主题 12 #书单 1 #云存储 2 #代码 6 #优化 5 #侧边栏 1 #便签墙 1 #像素画 1 #全局播放器 1 #全栈 1 #关键词 1 #内容发现 2 #分享 1 #分页 2 #前端 6 #功能 5 #加密 1 #博客 19 #后台 9 #响应式设计 2 #喜加一 1 #图书 1 #图床 3 #图片 7 #图表 3 #地图 1 #备份还原 2 #备还还原 1 #天气 1 #娱乐 1 #媒体库 1 #学习 1 #安全 2 #定时 2 #宠物 1 #密码保护 2 #导航 3 #小米 8 #嵌入 2 #工作 1 #工具 3 #布局 2 #广告 1 #建站 2 #开发 13 #开源 1 #归档 1 #心路历程 1 #性能 3 #懒加载 1 #扩展 1 #技术 5 #指南 3 #推荐 1 #插件 3 #搜索 5 #效果 1 #数据 3 #文章 3 #旅游 4 #旅行 1 #无障碍 2 #日记 2 #时区 1 #时间线 1 #智能家居 21 #暗色模式 2 #更新 2 #权重排序 1 #查询 1 #标签云 1 #树莓派 29 #模块化 1 #模板 4 #游戏 10 #滚动位置 1 #版权保护 1 #特效 4 #生日 1 #生活 5 #用户体验 7 #番茄钟 1 #百度推送 1 #监控 6 #看板娘 1 #碰撞检测 1 #示例 23 #管理 2 #结构化数据 1 #统计 1 #编程 1 #腾讯云 1 #自动化 1 #视频 4 #订阅 1 #评论 5 #词云 1 #豆瓣 1 #跳出率 1 #返回顶部 2 #通知 1 #部署 1 #配置 5 #钓鱼 1 #锚点 1 #阅读 4 #阿里云 1 #随笔 2 #面板 1 #音乐 2 #音频 1 #预览 1 #鼠标特效 1 查看更多标签 (152)