技术博客文章
Vue Router 实战：路由守卫、懒加载与滚动行为
路由表本身就是配置 Vue 3 项目里，路由通常用 Vue Router 4 的 createRouter 来声明。把路由集中写成一份配置数组，组件全部用动态 import 懒加载，浏览器只会在进入对应页面时才去拉取该模块的 JS，首屏体积...
Rust 并发实战：用 Arc 与 Mutex 做线程安全的计数
共享状态是并发的头号难题 Rust 的所有权系统把「数据竞争」挡在了编译期。当多个线程要修改同一份数据时，不能简单地共享一个可变变量，必须用 Arc 做原子引用计数、用 Mutex 做互斥锁，把可变访问串行化。下面用一个并发计数器说明完整写...
React 表单工程化：用 react-hook-form 把受控表单的性能陷阱填平
受控表单为什么越写越卡 React 里最常见的一种表单写法是把每个字段都塞进 useState，再在 onChange 里 setState。单个输入框没问题，但当表单字段变多、或在长列表里嵌表单时，每次按键都会触发整棵组件树重渲染。受控意...
Laravel API 响应收敛：用 Resource 统一字段、用 Repository 隔离查询
两个常见的乱源 写 Laravel 接口时，最容易乱掉的是两处：一是控制器里直接把 Eloquent 模型 toArray，前端要什么字段就在模型层改，结果模型被接口需求绑架；二是查询逻辑散落在各个控制器，同样的「活跃用户分页」在三个地方各...
Go 服务优雅关闭：收到退出信号时把在途请求跑完
直接 kill 会丢请求 线上部署时，Kubernetes 滚动更新或手动重启都会向进程发 SIGTERM。如果进程立刻退出，那些正在处理的 HTTP 请求会被强制中断，客户端拿到的是连接重置而不是正常响应。优雅关闭的目标是先停止接收新请求...
Vue 3 插件开发实战：封装全局组件与指令并做 TS 类型增强
插件解决什么问题 当你把一个 UI 库或一套通用能力（全局弹窗、权限指令、消息提示）复用到多个项目时，逐个在 main.ts 里注册组件和指令既重复又容易遗漏。Vue 3 的 Plugin 机制把 install 逻辑收敛到一个入口，配合 ...
Rust 用 clap 构建命令行工具：子命令、参数解析与配置
为什么选 clap 手写参数解析要处理 -h、--flag、位置参数、子命令，很快变成一堆易错的字符串判断。clap 的 derive 宏允许用结构体字段直接声明 CLI 形状，编译期就能检查参数定义，解析结果还是强类型的。 定义子命令 顶...
React 复合组件模式：用 Context 拆弹窗，告别层层透传 props
为什么需要复合组件 常见的弹窗、标签页组件往往用一个巨型 props 配置：把标题、内容、按钮全部塞进一个组件。当内部结构变化时，调用方被迫跟着改。复合组件（Compound Components）把组件拆成一组相互协作的子组件，由父组件通...
Laravel 自动化测试实战：用 Pest 写 Feature 测试与工厂造数
为什么用 Pest 写测试 Laravel 自带的 PHPUnit 写法偏样板。Pest 用更接近自然语言的 it() 描述用例，配合 Laravel 的测试断言与模型工厂，写一条接口测试只需几行。测试能保证重构不破坏既有行为，是后端工程的...
Go 性能剖析实战：用 pprof 定位 CPU 与内存热点
为什么需要 pprof 上线后接口变慢、内存缓慢上涨，靠猜往往南辕北辙。Go 标准库内置的 net/http/pprof 能在不重启服务的情况下，按需采集 CPU、堆内存、goroutine 等剖析数据，再用 go tool pprof 离...