技术 文章
Vue 3 工程化实战：用 script setup 把组件写得更短更稳
为什么是 script setup Vue 3 的组合式 API 最初用 setup() 函数承载逻辑，但要在模板里用就得手动 return 每一个变量，组件一大就变成一堆 return 语句。script setup 是编译时的语法糖：写...
Rust 工程化实战：用 macro_rules 写零成本宏消除样板代码
宏解决什么问题 Rust 的泛型擅长类型层面的复用，但有些重复不是类型参数能消掉的：比如为多个结构体实现同一套 trait、构造一组同名测试、按固定模式打印日志。macro_rules! 是声明式宏，在编译期展开成代码，零运行期开销，且能跨...
React 渲染性能实战：用 Web Worker 把重计算移出主线程
主线程为什么会被卡住 React 的渲染、事件处理、动画都跑在浏览器的主线程上。一旦某个事件回调里做了重计算，比如解析大文件、做图像像素处理、跑复杂排序或加密，主线程就会被占满，页面出现掉帧、输入无响应。这类问题靠 useMemo 救不了，...
Laravel 工程化实战：把中间件写成一条可组合的请求管道
中间件就是管道的一环 Laravel 的中间件在请求进入控制器之前、响应返回客户端之前各有一道处理机会。把鉴权、限流、CORS、响应压缩这类横切关注点收进中间件，控制器就能只关心业务。多个中间件按顺序串成管道，前一个的输出是后一个的输入。 ...
Go 性能实战：用 sync.Pool 复用对象把 GC 压力降下来
问题从哪来 高并发服务里，如果每处理一个请求都 new 一个临时大对象（比如字节缓冲、序列化中间结构），这些对象很快变成垃圾，GC 频率随之升高，STW 和 CPU 占用都上去了。sync.Pool 提供了一个进程级的临时对象池，让对象用完...
Vue 3 过渡动画实战：用 Transition 与 TransitionGroup 做进出场和列表动画
单元素进出场：Transition Vue 内置的 <Transition> 组件会在元素插入、移除时自动切换一组 CSS 类（v-enter-from、v-enter-active、v-leave-to 等），不需要任何 JS 动画库。只...
Rust serde 序列化实战：自定义 derive、枚举互转 JSON 与可选字段处理
serde 是 Rust 数据交换的底座 无论是读配置文件、写 API 响应还是存消息队列，Rust 里几乎都要靠 serde 在结构体与外部格式（JSON、TOML、YAML）之间转换。最常见的写法是给结构体加 #[derive(Seri...
React 复杂表单状态机：用 useReducer 管理多步向导与联动校验
为什么多步表单不适合纯 useState 一个三步注册向导（账号、资料、确认）如果拆成十几个 useState，步骤切换、字段联动、整页重置都散落在各处，组件很快变成一团难以追踪的状态。当某个字段变化需要同时影响多个派生值时，纯 useSt...
Laravel 广播与实时通知：用事件 + Redis 通道把订单状态推到前端
为什么需要服务端主动推送 订单状态变化（已支付、已发货、已签收）如果让前端轮询接口，既浪费连接也做不到实时。Laravel 的广播机制把"事件"通过驱动（常用 Redis + WebSocket 网关）推到前端订阅的频道，浏览器用 Lara...
Go 单元测试实战：table-driven 用例、testify 断言与接口 Mock
为什么用 table-driven 测试 Go 社区习惯把一组相似用例写进一张"表"，循环跑同一个被测函数，新增用例只加一行结构体，不必复制粘贴测试函数。相比 JUnit 式的一个用例一个函数，table-driven 更紧凑，也更容易覆盖...