Next.js Powered Blog
记录技术，分享生活
欢迎来到乐数Web。这里不仅仅是代码的仓库，更是思维的试验场。让我们一起探索 Vue、NestJS 以及更多前沿技术。
最新文章
📝
Blog
Grid进阶：行列组合和区域规划
还在靠“脑补”来写 CSS Grid 布局？面对 grid-template-areas 的引号迷阵和 1fr 的动态缩放，新手往往难以直观理解其背后的空间分配逻辑。本文将带你走进一个手写的 React 交互式“网格实验室”，通过“建筑师”视角，将枯燥的代码拆解为户型设计、空间划分、间距调节三个可视化步骤。告别盲打，让你的 Grid 布局逻辑从此肉眼可见！
#CSS
2026-01-07📝
Blog
Grid 进阶：对齐与间距
Grid 全功能调试看板：一个让 CSS Grid 布局“所见即所得”的工具。支持实时调节间距（Gap）、整体对齐（Content）及单元格对齐（Items）。通过图形化控制，帮助用户直观理解 Grid 布局逻辑，并一键获取对应的 CSS 样式代码，大幅提升布局开发效率。
#CSS
2026-01-06📝
Blog
理解 Next.js 的 SSG、SSR、ISR 和 CSR
本文从实际工程角度解析 Next.js 中 SSG、SSR、ISR 与 CSR 的核心差异，说明它们如何由数据获取时机与缓存策略决定，并总结一套简单可执行的渲染方式选择思路，帮助开发者在真实业务场景中做出正确决策。
#Next.js
2025-12-24📝
Blog
github actions转cnb.cool
之所以选择cnb.cool，是因为服务器在国内，相对来说docker build并推送到TCR容器镜像服务会更快。同时回滚也更方便了
#Docker
2025-12-22📝
Blog
vue校验神器vee-validate
项目中经常会用到校验表单。通常UI库都自带有表单校验的功能。但有时候面对一些特殊就需要我们另辟蹊径。这款神器就是vee-validate。
#Vue2
2024-10-17📝
Blog
正则先行和后行断言
通俗点讲就是正前向查找（?=），正向后查找（?<=），负向前查找(?!)，负向后查找(?<!)
#正则表达式
2024-10-17📝
Blog
NestJS日志记录
服务端中，完善的日志记录，对问题的定位和修复，起到很大的帮助。
#NestJS
2024-10-17