前端开发

最近把列表页的数据加载全部迁到了 use() + Suspense。分享三个落地姿势：1) 首屏数据在服务端 resolve 后传 promise 给客户端，避免二次请求；2) 分页用 promise…

昨天线上页面突然出现卡顿，排查下来元凶是一个看似无害的 useEffect。 事故现场 [代码] 问题出在 list 是父组件每次 render 新建的数组，引用每次都变，effect 每次都跑，se…

v4 的 CSSfirst 配置真香。@theme 里声明 token 后自动生成工具类，构建速度快了一倍多。踩坑：旧的 arbitrary value 语法有细微差别，opacity modifie…

最近把一个中型项目完整迁到了 Next.js 16 的 App Router，服务端组件（RSC）带来的数据流变化比想象中大，记录一些落地后的体会。 数据获取内聚到组件 最大的心智转变：数据获取不再集…

用了半年 Server Actions 的结论：表单提交很适合，但复杂交互（轮询、乐观更新链）还是老实写 API 路由。主要原因是错误处理链路和重试语义不够清晰。

卡片悬停时兄弟元素变暗、表单一校验失败就高亮整个分组——这些以前要 JS 加 class 的场景，现在 :has() 一行搞定。附四个可直接抄的 snippet。