用原生 <details> 实现系列折叠页:从“点两次”到“稳定可控”

本文记录了在博客系列页面中使用原生 `<details>` 实现折叠列表时,添加“全部折叠/展开”按钮遇到的“点两次”问题,通过放弃 `toggle` 事件监听、直接同步状态变量和使用 `setTimeout` 等待 DOM 更新,最终实现稳定可控的全局控制功能。包含完整代码和原理分析。

为评论区添加内容过滤与安全防护

为 Nuxt 评论区增加敏感词过滤、文档归属验证、防重复提交与限流,构建多层安全防护体系。包含前端实时验证、后端严格校验、递归 CTE 归属验证及生产环境建议。

手写一个更适合 Nuxt 的 useRouteQuery:简化 URL 状态同步

封装一套开箱即用的 useRouteQueryString / Number / Array,将 70 行重复的 URL 状态同步代码压缩到 7 行,并彻底解决官方版本的 SSR 隐患。包含完整源码、防抖处理与反向同步示例。

从零到一:构建一个功能完备的文档列表页

手把手教你用 Nuxt 4 构建一个支持 URL 状态同步、多维度筛选、移动端无限滚动、键盘翻页的文档列表页。包含手写状态管理、SSR 水合问题排查、组件拆分陷阱、标签多选(桌面端 Ctrl/移动端开关)等完整实现,附可复用代码。

从零到一:为 Moongate 博客打造一个支持多级引用的评论区

介绍了 Moongate 博客的评论区设计和实现,包括多级引用、扁平时间线、引用块跳转、用户认证、响应式设计等。

Nuxt 评论区完美支持 Markdown:从解析、高亮到安全渲染

手把手教你为 Nuxt 博客评论区添加安全、美观、功能完整的 Markdown 渲染支持,代码块配色与文档(Nuxt Content)自动统一,深浅色模式无缝切换。

Nuxt 中 URL 与状态双向绑定指南:从原理到实践

深入探讨 Nuxt 中 URL 与状态双向绑定的原理,解决后退按钮数据不刷新、输入框与 URL 不一致等常见问题。从错误尝试到正确实践,提供手写 watch 和 Pinia 两种稳定可靠的 SSR 安全方案,并对比与 localStorage 的适用场景。
已查询到 7 条文档
© 2026 MOONGATE