编程技术

Next.js Route Handlers 与缓存策略协作

引言 - Route Handlers 将 API 与页面路由整合在 App Router 中;与缓存与 PPR 的协作可在端到端提升首屏与导航体验。 用法与协作(已验证) - 用法:在 `app/route.ts`/`app/api/.../route.ts` 中定义 GET/POST 等处理;支持 `revalidate` 控制缓存刷新。来源:Next.js 文档。 - 与缓存:结合 C

Next.js 数据缓存失效(revalidateTag-revalidatePath)实战

引言 - 在 App Router 下,Next.js 的 Data Cache 提供页面与组件级的缓存;使用 `revalidateTag`/`revalidatePath` 可在服务端动作或接口路由中精准触发失效与刷新。 能力与用法(已验证) - revalidateTag:为数据请求设置 tag 并在变更后调用失效该 tag 下的所有缓存,适合跨页面共享数据刷新。来源:Next.js

Idle Detection API:用户空闲与屏幕状态治理

--- title: Idle Detection API:用户空闲与屏幕状态治理 keywords: - IdleDetector - requestPermission - userState - screenState - threshold description: 使用 Idle Detection 识别用户与屏幕空闲状态,合理安排后台任务与同步,避免打扰并提升资源利用率。 catego...

Idle Detection API:用户空闲检测与权限策略

--- title: Idle Detection API:用户空闲检测与权限策略 keywords: - IdleDetector - userState - screenState - 权限策略 - 空闲检测 description: 说明 Idle Detection 的用户与屏幕状态检测、权限与策略、适用场景与隐私治理,并提供示例与回退建议。 categories: - 应用软件 ...

ImageCapture API:拍照与摄像参数控制

--- title: ImageCapture API:拍照与摄像参数控制 keywords: - ImageCapture - takePhoto - getPhotoCapabilities - torch - zoom description: 使用 ImageCapture 从视频轨获取照片并控制摄像参数(闪光灯、变焦等),提升拍照体验与稳定性,含能力探测与回退。 categories: ...

ImageCapture API:静态照片拍摄与相机参数

--- title: ImageCapture API:静态照片拍摄与相机参数 keywords: - ImageCapture - photoCapabilities - takePhoto - getPhotoSettings - 媒体约束 description: 介绍 ImageCapture 的静态拍摄能力与相机参数读取/设置,结合 getUserMedia 构建拍照功能与能力适配,提供...

ImageDecoder API:图片解码与动画帧管线

--- title: "ImageDecoder API:图片解码与动画帧管线" keywords: - ImageDecoder - decode - VideoFrame - 动画帧 - 位图 description: "介绍 ImageDecoder 的使用与帧读取,针对静态与动画图片(如 GIF/WEBP),将解码帧转为位图或 VideoFrame 并绘制,说明性能与内...