用户体验

共 7 篇文章

2026-05-28 2 分钟 · 645 字

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

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

#CSS #fancybox #图片 #用户体验

2026-05-28 2 分钟 · 877 字

文章卡片已更新标记徽章

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

#Hugo #更新 #文章 #用户体验

2026-05-28 2 分钟 · 923 字

浏览位置记忆功能实现

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

#SEO #滚动位置 #用户体验

2026-05-28 2 分钟 · 756 字

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

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

#404 #搜索 #SEO #用户体验 #跳出率

2026-05-27 2 分钟 · 881 字

沉浸阅读模式的前端实现

为博客文章页实现一键无干扰沉浸阅读模式，隐藏导航和侧边栏，优化排版和间距，支持快捷键退出

#阅读 #CSS #JavaScript #用户体验 #开发

2026-05-25 3 分钟 · 1134 字

鼠标点击特效的前端实现方案

用 Canvas 和 DOM 动画实现鼠标点击特效（烟花、爱心、文字、气泡、星星、雪花），详解每种特效的实现原理与核心代码

#JavaScript #特效 #开发 #用户体验

2026-05-22 3 分钟 · 1399 字

Lumin Blog 沉浸阅读模式：一键专注阅读

详细介绍 Lumin Blog 沉浸阅读模式的实现原理，包括浮动按钮交互、CSS 状态切换、键盘快捷键、状态持久化等核心机制

#阅读 #用户体验 #Hugo #开发

文章分类

测试笔记 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)