JavaScript

共 11 篇文章

2026-06-05 4 分钟 · 1851 字

在线工具集功能实现全解析

从架构设计到具体实现，深度解析 Hugo 博客在线工具集模块：数据驱动的 TOML 配置、分类筛选侧边栏、42+ 个纯前端工具 partial、共享样式体系与暗色模式适配

#Hugo #工具 #博客 #JavaScript #前端

2026-06-03 5 分钟 · 2420 字

屏幕特效页面实现：14种全屏趣味效果

在 Hugo 博客中实现 14 种全屏屏幕特效（蓝屏/更新/数字雨/黑客终端/白噪音/FBI/碎屏/DVD/CRT/故障/星空/火焰/假加载），涵盖 Fullscreen API、Canvas 2D…

#JavaScript #Hugo #特效

2026-06-03 7 分钟 · 3269 字

像素画在线绘制工具功能实现

在 Hugo 博客中基于 Canvas 2D API 实现像素画在线绘制工具的完整方案，涵盖画笔/橡皮擦/填充/取色器、撤销重做、PNG 导出、触摸屏适配、暗色模式等技术细节。

#Canvas #JavaScript #Hugo #像素画 #前端

2026-05-31 4 分钟 · 1988 字

侧边栏天气预报功能实现

基于 Open-Meteo 免费天气 API + IP 自动定位，在博客侧边栏展示实时天气、温度、风向、湿度、气压和能见度，完全零配置零密钥

#API #Hugo #JavaScript #天气 #博客

2026-05-28 2 分钟 · 658 字

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

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

#锚点 #JavaScript #Hugo #API

2026-05-27 2 分钟 · 881 字

沉浸阅读模式的前端实现

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

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

2026-05-27 3 分钟 · 1090 字

全局音乐播放器开发实践

在 Hugo 博客中集成 APlayer 实现全局音乐播放器，支持跨页面播放状态同步、黑胶唱片动画、歌词同步和迷你挂件

#JavaScript #SEO #开发 #音乐

2026-05-26 2 分钟 · 970 字

网站图片懒加载优化实践

使用 Intersection Observer API 实现图片懒加载，减少首屏请求、提升页面加载速度的完整实践指南

#JavaScript #图片 #性能 #懒加载

2026-05-25 2 分钟 · 870 字

明暗主题切换动画开发记录

记录博客明暗主题切换功能的开发过程，从基础的 class 切换升级到圆形扩散动画，实现流畅的视觉过渡

#CSS #JavaScript #主题 #开发

2026-05-25 3 分钟 · 1134 字

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

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

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

2026-05-11 3 分钟 · 1151 字

这是第二个测试文章

第二行的标题

#JavaScript #NAS #树莓派

文章分类

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

Lumin Blog

文章分类

所有标签