技术教程

1. 首页
2. 文章资讯
3. 技术教程

OPFS 持久文件系统与并发治理：origin-private 文件访问与同步句柄实践

--- title: OPFS 持久文件系统与并发治理：origin-private 文件访问与同步句柄实践 tags: [OPFS, origin-private file system, createSyncAccessHandle, 并发治理, 文件持久化] description: 使用 OPFS（Origin Private File System）在浏览器端实现持久文件存储，通过同步访...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

OpenTelemetry Collector日志指标追踪管道实践

--- title: OpenTelemetry Collector日志指标追踪管道实践 keywords: - OpenTelemetry Collector - OTLP - Loki - Prometheus - Tempo - pipeline description: 配置OTel Collector接收OTLP并分别导出日志/指标/追踪到Loki/Prometheus/Tempo，提供...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

OpenTelemetry 全链路可观测（W3C TraceContext、采样与指标关联）

--- title: OpenTelemetry 全链路可观测（W3C TraceContext、采样与指标关联） keywords: - OpenTelemetry - TraceContext - 采样 - 指标 - 日志关联 description: 基于 W3C TraceContext 标准与 OpenTelemetry，构建日志、指标、链路的统一观测，介绍采样策略与关联方法并给出验证手...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

PWA 离线与性能：Service Worker 缓存策略

--- title: PWA 离线与性能：Service Worker 缓存策略 keywords: - Service Worker - Cache First - Network First - Stale-While-Revalidate - Workbox - 离线 description: 梳理 Service Worker 缓存层与 HTTP 缓存的协作，给出 Cache First/...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

Parquet与ORC：列式存储与压缩编码

--- title: Parquet与ORC：列式存储与压缩编码 keywords: - Parquet - ORC - 列存储 - 字典编码 - 压缩 - 谓词下推 description: 比较两大列式存储格式在编码、压缩与查询裁剪上的差异，指导数据湖与分析场景选型。 categories: - 文章资讯 - 编程技术 --- # Parquet与ORC：列式存储与压缩编码 ## 概...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

Passkeys 与 WebAuthn：无密码登录的部署与回退策略

--- title: "Passkeys 与 WebAuthn：无密码登录的部署与回退策略" keywords: - Passkeys - WebAuthn - FIDO2 - PublicKeyCredential - RP ID - userVerification - 平台认证器 - 跨设备 description: "介绍 Passkeys/WebAuthn...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

Picture-in-Picture 与 Document PiP：窗口化展示与交互

--- title: Picture-in-Picture 与 Document PiP：窗口化展示与交互 keywords: - Picture-in-Picture - Document PiP - HTMLVideoElement - 多窗口 - 交互 description: 介绍视频与文档的画中画能力与差异、窗口化展示与交互管理、权限与兼容回退策略，并给出可运行示例与参考。 catego...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

Pointer Events 合并与预测：getCoalescedEvents 与 getPredictedEvents

--- title: Pointer Events 合并与预测：getCoalescedEvents 与 getPredictedEvents keywords: - getCoalescedEvents - getPredictedEvents - 高频输入 - 绘图优化 - 触控体验 description: 使用合并与预测事件在高频输入场景提升绘图与交互表现，降低事件处理开销，并提供兼容与降...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

Pointer Events：统一输入模型与压感

--- title: Pointer Events：统一输入模型与压感 keywords: - Pointer Events - pointerdown/move/up - pointerType - pressure - 触控笔 description: 使用 Pointer Events 统一鼠标、触控与触控笔输入，读取类型与压感，并配合捕获与无障碍策略提升交互质量。 categories: ...

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

Cloudflare KV缓存与Durable Objects协同策略

结合 KV 的全局分布缓存与 DO 的状态一致性，在边缘实现高命中率与可控一致性的协同策略。

云原生技术 2026年04月30日 0 点赞 0 评论 11 浏览

Cloudflare Queues与Workers Cron：异步任务与调度治理

结合 Queues 与 Workers Cron 在边缘实现异步任务与定时调度，规范重试、幂等与失败处理，提升可靠性。

云原生技术 2026年04月30日 0 点赞 0 评论 11 浏览

AbortSignal.timeout 与 AbortSignal.any：稳健中断控制

说明现代 AbortSignal 的扩展：`timeout()` 创建超时信号，`any()` 组合多个信号，提升 fetch/任务的稳健中断控制，提供示例与工程建议。

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

CSS 3D 变换与透视：perspective 与 transform-style preserve-3d

说明 CSS 3D 变换的基础与透视投影，使用 `perspective` 与 `transform-style: preserve-3d`

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

CSS Anchor Positioning：锚点定位与弹层对齐实践

使用 CSS Anchor Positioning 为弹层与提示相对触发元素定位，减少 JS 参与并提升鲁棒性，含命名与尝试位置示例。

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览

CSS mask-image 与 clip-path：形状裁剪与性能建议

使用 `mask-image` 与 `clip-path` 实现形状裁剪与遮罩效果，结合 SVG 与性能建议，提升视觉表现并控制开销。

技术教程 2026年04月30日 0 点赞 0 评论 11 浏览