OAuth2-OIDC PKCE安全实践
---
title: OAuth2/OIDC PKCE安全实践
keywords:
- OAuth2
- OIDC
- PKCE
- code_verifier
- code_challenge
- S256
- state
- nonce
description: 使用PKCE（S256）强化OAuth2/OIDC授权码流程，通过可验证的请求与令牌校验方法提升安全性与一致性。
date: 202...
技术教程
OIDC ID Token验证与时钟偏移（aud-iss-nonce-exp）最佳实践
---
title: OIDC ID Token验证与时钟偏移（aud/iss/nonce/exp）最佳实践
keywords:
- OIDC
- ID Token
- iss
- aud
- nonce
- exp
- leeway
- JWS验证
description: 通过JWS验签与`iss/aud/nonce/exp`校验并引入时钟偏移容忍窗口，保障OIDC ID Token在不同环境...
Object URL 管理：URL.createObjectURL 与 revokeObjectURL
---
title: Object URL 管理：URL.createObjectURL 与 revokeObjectURL
keywords:
- Object URL
- Blob URL
- createObjectURL
- revokeObjectURL
- 内存治理
description: 说明对象 URL 的创建与释放，用于本地预览与下载场景，避免内存泄漏与句柄积压，并与文件访问与...
OpenSearch Anomaly Detection 与 SIEM 事件治理（2025）
---
title: OpenSearch Anomaly Detection 与 SIEM 事件治理（2025）
categories:
- 文章资讯
- 技术教程
---
OpenTelemetry Exemplars：Trace到Metrics关联实践
---
title: OpenTelemetry Exemplars：Trace到Metrics关联实践
keywords:
- Exemplars
- Trace
- Metrics
- Prometheus
- 关联
description: 通过 Exemplars 将关键 Trace ID 附着到 Metrics 样本，实现从指标到具体请求的快速跳转与根因定位。
categories:
...
OpenTelemetry 前端链路追踪：TraceContext、请求关联与性能采集
---
title: OpenTelemetry 前端链路追踪：TraceContext、请求关联与性能采集
tags:
- OpenTelemetry
- 分布式追踪
- TraceContext
- 性能采集
- RUM
- 采样策略
description: 在前端集成 OpenTelemetry，实现 TraceContext 注入与请求关联、性能与资源采集，并与后...
Origin-Agent-Cluster：站点隔离与进程安全
---
title: Origin-Agent-Cluster：站点隔离与进程安全
keywords:
- Origin-Agent-Cluster
- OAC
- 站点隔离
- 进程模型
- 安全强化
description: 使用 `Origin-Agent-Cluster: ?1` 将页面置于独立的 agent cluster，增强隔离与安全，减少跨文档共享造成的风险，并...
PURL组件标识与来源治理（type-name-qualifiers）最佳实践
---
title: PURL组件标识与来源治理（type-name-qualifiers）最佳实践
keywords:
- PURL
- 组件标识
- 来源治理
- qualifiers
- 版本
description: 使用 PURL 规范统一组件标识并校验来源与限定符，提升跨生态依赖的可追溯与合规性。
categories:
- 文章资讯
- 编程技术
---
**实现示例**
...
PWA 离线与性能：Service Worker 缓存策略
---
title: PWA 离线与性能：Service Worker 缓存策略
keywords:
- Service Worker
- Cache First
- Network First
- Stale-While-Revalidate
- Workbox
- 离线
description: 梳理 Service Worker 缓存层与 HTTP 缓存的协作，给出 Cache First/...
Passkeys 与 WebAuthn 无密码登录：注册、验证与安全实践
---
title: Passkeys 与 WebAuthn 无密码登录：注册、验证与安全实践
tags: [WebAuthn, Passkeys, FIDO2, 公钥凭证, navigator.credentials]
description: 通过 WebAuthn/Passkeys 实现无密码注册与登录，完整覆盖前端创建与断言、后端验证、兼容回退与安全治理，并提供经验证的成功率与耗时指标。
...
Passkeys 与 WebAuthn：无密码登录的部署与回退策略
---
title: "Passkeys 与 WebAuthn：无密码登录的部署与回退策略"
keywords:
- Passkeys
- WebAuthn
- FIDO2
- PublicKeyCredential
- RP ID
- userVerification
- 平台认证器
- 跨设备
description: "介绍 Passkeys/WebAuthn...
Performance Budget治理：资源上限与CI守护
---
title: Performance Budget治理：资源上限与CI守护
keywords:
- Performance Budget
- Bundle体积
- 资源上限
- CI守护
- 指标阈值
description: 通过性能预算设定资源上限并在 CI 守护，防止包体/请求/渲染回归，保障长期体验质量。
categories:
- 文章资讯
- 技术教程
---
# Pe...
Pointer Events 合并与预测：getCoalescedEvents 与 getPredictedEvents
---
title: Pointer Events 合并与预测：getCoalescedEvents 与 getPredictedEvents
keywords:
- getCoalescedEvents
- getPredictedEvents
- 高频输入
- 绘图优化
- 触控体验
description: 使用合并与预测事件在高频输入场景提升绘图与交互表现，降低事件处理开销，并提供兼容与降...
CSS focus-visible 与 focus-within：焦点可见性与交互无障碍
使用 :focus-visible 与 :focus-within 提升焦点样式的可见性与一致性，保障键盘与辅助技术的交互体验，并提供兼容建议。
CSS isolation 属性：isolate 与混合边界
说明 `isolation` 属性创建独立的混合边界，防止元素与背景进行跨层混合，稳定图层与合成效果，并给出性能与可访问性建议。
