Next.js Server Actions 安全与输入校验实战
---标题: Next.js Server Actions 安全与输入校验实战关键词:- Server Actions- 输入校验- Zod/Valibot- 权限与幂等- 错误上报描述: 总结 Next.js Server Actions 的安全最佳实践与输入校验策略，说明权限与幂等设计与错误上报，附官方文档验证。categories: - 文章资讯 - 技术教程--...
前端开发
CSS @property：注册自定义属性与过渡
使用 @property 注册可动画的自定义属性，提供类型、继承与初始值定义，使属性参与插值与过渡，并给出兼容与降级建议。
CSS Houdini 与 Paint Worklet 实践：自定义绘制、性能与隔离
使用 CSS Houdini 的 Paint Worklet 构建可扩展的自定义绘制能力，兼顾性能与隔离，提供生产就绪示例与可验证指标
Next.js App Router与Pages Router：对比与迁移
---title: Next.js App Router与Pages Router：对比与迁移keywords:- Next.js- App Router- Pages Router- 服务端组件- 数据获取description: 对比两代路由与数据获取模型，指导从 Pages Router 迁移到 App Router 的路径与注意事项。categories: - 文章资...
Next.js Middleware与Edge Functions路由治理
---title: Next.js Middleware与Edge Functions路由治理keywords:- Middleware- Edge Functions- 重写/重定向- 鉴权- A/Bdescription: 利用 Middleware 与 Edge Functions 在边缘进行路由、鉴权与A/B实验，降低延迟并统一策略。categories: - 文章资...
Next.js next-font 优化与本地字体策略
---标题: Next.js next/font 优化与本地字体策略关键词:- next/font- 本地字体- 字体优化- 预加载与子集化- App Router描述: 说明 Next.js 的 `next/font` 在 App Router 下的字体优化能力与本地字体策略，提供子集化、预加载与回退方案，附官方文档验证。categories: - 文章资讯 - 技术教...
CSS scroll-snap：滚动捕捉与分页体验
使用 CSS scroll-snap 构建分页式滚动与精确对齐，结合 scroll-padding/scroll-margin 提升触控体验与定位稳定性。
CSS scrollbar-gutter：滚动条占位与布局稳定
说明 `scrollbar-gutter` 的行为与用法，通过为滚动容器保留滚动条占位，提高跨平台布局稳定性，减少因滚动条出现/消失导致的抖动（CLS）。
Import Assertions 与 JSON 模块：工程实践与兼容
---title: "Import Assertions 与 JSON 模块：工程实践与兼容"keywords: - Import Assertions - JSON 模块 - ESM - 动态导入 - 兼容性 - 构建description: "解释 Import Assertions 在浏览器与 Node 环境下加载 JSON 模块的语法与行为，说明动态导入与构建...
JSR 生态进展：跨运行时 SDK 与发布流程
---标题: JSR 生态进展：跨运行时 SDK 与发布流程关键词:- JSR 生态- TypeScript 优先- 仅 ESM- OpenAI SDK on JSR- deno publish- monorepo 工作区描述: 聚焦 JSR 生态的近期进展（跨运行时 SDK 发布与工作区支持），说明从 JSR 拉取模块与发布流程的关键要点，附中文博客与英文公告验证。categ...
Node.js 22 LTS 特性与升级建议
---title: Node.js 22 LTS 特性与升级建议keywords:- Node.js 22 LTS- WebSocket 客户端- ESM require- V8 更新- OpenSSL 3.5.2description: 梳理 Node.js 22 LTS 的重要更新（含安全与特性），并提供生产环境升级与兼容性建议。categories: - 文章资讯 ...
Fetch keepalive：卸载场景的可靠传输
使用 `keepalive: true` 在页面卸载时确保请求继续发送与完成，适合上报与短数据传输，含大小限制与兼容建议。
Next.js DevTools 自动分析配置与性能追踪策略
---标题: Next.js DevTools 自动分析配置与性能追踪策略关键词:- Next.js DevTools- 自动分析- 错误追踪- 导航与缓存- Turbopack描述: 细化 Next.js DevTools 的自动分析与性能追踪能力配置方法，说明与缓存组件与 Turbopack 的协同与指标观测，附官方与社区来源验证。categories: - 文章资讯 ...
Next.js增量静态再生成ISR与Edge Functions实践
---title: Next.js增量静态再生成ISR与Edge Functions实践keywords:- Next.js- ISR- Edge Functions- 缓存策略- 预渲染- 动态路由- Revalidate- CDN- 数据获取- 验证description: 结合 Next.js 的增量静态再生成（ISR）与 Edge Functions，在边缘实现低...
AbortSignal.timeout 与 AbortSignal.any：稳健中断控制
说明现代 AbortSignal 的扩展：`timeout()` 创建超时信号，`any()` 组合多个信号，提升 fetch/任务的稳健中断控制，提供示例与工程建议。
