Ctrl+点击多选
  • Nuxt + Go 全栈实践:从 URL 状态到后端 API 的完整闭环

    #Nuxt#Go#State Management

    将前三篇的 URL 状态管理延伸至 Go 后端,实现分页、筛选、排序的端到端数据流。涵盖前后端参数约定、Go Gin 框架实践、useAsyncData 自动联动,以及 39 篇文档从 4 分钟到 10 秒的部署优化。

  • 用 Go 重构 Markdown 加载:一个前端开发者的实战学习笔记

    #Go#Engineering

    从 Nuxt Content 全家桶到 Go 重构代码——一个前端开发者如何用真实项目驱动 Go 语言学习,实现轻量、透明、可控的 Markdown 数据加载方案。

  • Vue 3 复杂组件开发实战:Select 与 Pagination 的 API 设计与状态管理

    #Vue#Design System#Engineering

    以 Select 和 Pagination 为例,深入探讨 Vue 3 复杂组件的 API 设计、数据格式适配、类型回溯、路由同步、键盘交互、组合式函数抽离及 SSR 适配,揭示工业级组件背后的设计权衡与实现细节。

  • Vue 3 简单组件开发实战:从 Button 组件看 API 设计

    #Vue#Design System#Engineering

    以 Button 这一简单组件为例,深入探讨 Vue 3 组件库的 API 设计哲学,涵盖 Props 定义、变体系统、尺寸取舍、插槽设计、状态管理、无障碍支持及与主流 UI 库的对比,为后续复杂组件设计奠定基础,揭示极简 API 背后的设计权衡。

  • CSS 优先 + 组件薄封装:一个 10KB 组件库的极简实践

    #CSS#Vue#Design System#Engineering

    从 UnoCSS 回归原生 CSS,一套设计令牌驱动的组件库方案。四层 CSS 架构、极简 Vue 组件、体积分析与维护性对比,展示如何用 500 行代码构建一个 10KB 的组件库。

  • 当设计令牌遇上原子化CSS:一次整合失败的反思与融合之道

    #CSS#Vue#Design System#Engineering

    当个人开发者尝试用 UnoCSS 映射已有设计令牌失败后,反思工具迷信,提出设计令牌优先于原子化 CSS 的架构观点,并探索两者融合的务实边界。

  • 工程深化篇:工业级构建脚本与 DTCG 完整实现

    #VSCode#Theme#Design System#Engineering

    深入工业级构建脚本,掌握颜色标准化、WCAG 对比度校验、循环引用检测、自动生成 CSS 变量和设计系统文档,将 DTCG 设计令牌从概念落地为可运行的工程代码。

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

    #HTML#CSS#JavaScript#Nuxt

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

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

    #Nuxt#Vue#Security

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

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

    #Nuxt#Vue#State Management#Hydration

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

  • 每页
    已查询到 18 条文档
    © 2026 MOONGATE