阅读最新文章 按时间找文章
54 归档分页
370 留言互动
4 核心专题

最近更新

Java 2026-03-17

为博客每日一句添加音频播放功能

为博客底部的“每日一句”添加英文音频播放功能。通过有道词典每日一句API获取 voice URL，后端实现 `/api/daily-quote/voice` 代理接口解决 CORS，前端加入圆形播放按钮、CSS 动画和播放状态反馈，使用 HTML5 Audio 管理播放、暂停及结束事件，并处理 DOM 加载时机和移动端样式适配。实现后，点击按钮即可播放或暂停音频，播放中按钮呈粉色脉冲动画，兼容 PC 与移动端，提升访客的英语学习体验。

HTML JavaScript 阅读全文
Java 2026-03-16

使用自定义图片作为Emoji表情的技术实现

本文介绍在 Web 项目中实现自定义图片 Emoji 的完整方案。首先约定表情图片统一存放于 `/static/img/emoji/`，使用有意义的英文或拼音命名。核心 JavaScript 包括：定义路径和名称列表、利用正则 `\[:([a-zA-Z0-9_\-@]+):\]` 将 `[:表情名:]` 替换为 `<img>` 标签、动态生成表情面板并在编辑器中插入图片、提交前再将 `<img>` 转回文本代码。配套的 CSS 负责内联表情、面板布局及悬停效果，HTML 结构由按钮、面板和容器组成，并通过点击、冒泡控制面板显示。进阶可加入 IntersectionObserver 懒加载、localStorage 记录最近使用、分类展示等功能。整体思路是“纯文本存储‑图片展示‑编辑插入‑代码回写”，实现了可扩展、跨平台、风格统一的 Emoji 系统。

HTML 阅读全文
Java 2026-03-13

博客侧边栏热门文章与最新文章功能实现详解

本文介绍在 Spring Boot + Thymeleaf 项目中为博客文章详情页实现侧边栏的热门文章（浏览量前5）和最新文章（发布时间前3）功能。通过只查询必要字段的 SQL、@Cacheable 缓存，实现一次查询复用；在控制器使用 Java 8 Stream 按浏览量降序排序并截取前5篇，直接取前3篇作为最新文章。前端采用 Thymeleaf 循环渲染，CSS 使用 sticky 定位保持左侧固定，媒体查询实现 PC 端显示、移动端隐藏，并通过颜色、圆点、文字截断等样式提升可读性。整体方案兼顾性能、响应式布局和用户体验。

SpringBoot Redis MyBatis 阅读全文
Java 2026-03-12

博客文章分享卡片功能设计与实现

本文介绍了在博客中实现分享卡片的完整方案。通过 HTML Overlay 弹窗、Canvas 绘制和 qrcode.js 生成二维码，实现卡片展示文章标题、摘要、作者、时间等信息，并支持保存为图片。重点阐述了 Canvas 高分辨率绘制、文本手动换行、二维码异步绘制以及响应式 CSS 适配 PC 与移动端的技巧，配以颜色、字体等 UI 设计细节，并提供获取文章数据和下载图片的代码实现，完成一个兼顾性能与体验的分享功能。

自定义二维码 JavaScript 阅读全文
Java 2026-03-12

视觉盛宴：手把手教你实现一个现代化的弹幕墙

本文系统阐述了现代弹幕墙的完整实现方案。首先明确视觉、流畅滚动、防重叠、交互、响应式和状态管理等核心需求；随后基于玻璃拟态风格设计容器和圆角卡片弹幕，并提供六套主题色彩。核心滚动逻辑采用 keyframes 动画结合轨道管理，实现弹幕在不同轨道上的独立运行；通过安全轨道检测和密度自适应调度防止重叠。针对 PC 与移动端的全屏/非全屏场景，制定动态轨道数和居中布局策略，保证在尺寸变化时仍保持美观。交互方面实现速度倍率（0.5‑3×）调节、暂停/播放以及全屏切换时的弹幕清理。最后通过 transform/GPU 加速、对象池复用、事件防抖等手段进行性能与内存优化，确保弹幕墙视觉炫酷、交互流畅、适配广泛。

HTML JavaScript 阅读全文
Java 2026-03-12

Spring Boot博客系统集成AI智能摘要功能实战

本文示例了在 Spring Boot 博客系统中集成 AI 智能摘要的完整实现。通过在后端定义 AiSummaryService 接口并实现调用 OpenAI 兼容的 AI 接口（如智谱 AI、Moonshot、GPT‑4 等），在 controller 中提供 /api/ai-summary 接口，返回去除 HTML 的纯文本摘要。前端使用 Thymeleaf 页面与 JavaScript，调用该 API 后用打字机动画逐字展示摘要，并在 AI 服务不可用时回退到本地关键词或首段摘要。配置文件中可灵活设置 API 地址、模型、密钥、max‑tokens 等参数，实现前后端分离、可配置的 AI 摘要功能。

SpringBoot JavaScript AI 阅读全文
上一页 1 ... 345 ... 54 下一页