技术教程

Import Maps:浏览器模块映射与部署策略

--- title: "Import Maps:浏览器模块映射与部署策略" keywords: - Import Maps - ES Modules - 浏览器模块 - 映射与范围 - Polyfill description: "介绍 Import Maps 的基本语法与作用域、与原生 ES Modules 的协作、部署与兼容回退策略,并给出可运行示例与权威参考。" cate...

MediaDevices enumerateDevices:设备枚举与变更监听

--- title: MediaDevices enumerateDevices:设备枚举与变更监听 keywords: - enumerateDevices - devicechange - 权限策略 - 设备选择 - 安全上下文 description: 使用 MediaDevices 枚举音视频设备并监听变更事件,结合权限与 UI 策略实现稳定的设备选择与会话管理。 ca...

OAuth PKCE与授权码拦截防护最佳实践

--- title: OAuth PKCE与授权码拦截防护最佳实践 keywords: - PKCE - S256 - code_verifier - code_challenge - redirect_uri白名单 - state - nonce - 拦截防护 description: 通过严格的PKCE S256校验、state/nonce对齐和redirect_uri白名单,降低授权码拦截与...

Import Maps模块白名单与外部源治理最佳实践

--- title: Import Maps模块白名单与外部源治理最佳实践 keywords: - Import Maps - 模块白名单 - 外部源 - 映射治理 - 版本锁定 description: 通过Import Maps的模块映射白名单与外部源治理、版本锁定与来源校验,确保前端模块加载安全与可控。 categories: - 文章资讯 - 编程技术 --- 背景与价值 Imp...

Lighthouse CI 持续性能监测:集成与阈值策略

--- title: Lighthouse CI 持续性能监测:集成与阈值策略 keywords: - Lighthouse CI - 性能预算 - 阈值 - CI 集成 - 回归监测 - P95 description: 介绍 Lighthouse CI 在 CI/CD 中的集成方式、阈值设置与性能预算的协作,给出基线与回归策略与参考。 categories: - 文章资讯 - 技术教程...

MediaDevices 枚举与设备切换:enumerateDevices 与约束

--- title: MediaDevices 枚举与设备切换:enumerateDevices 与约束 keywords: - enumerateDevices - mediaDevices - deviceId - constraints - 权限 description: 说明媒体设备的枚举与选择,使用 `enumerateDevices` 与约束切换摄像头/麦克风,处理权限与标签可见性,提...

MutationObserver:DOM 变更监听与性能边界

--- title: MutationObserver:DOM 变更监听与性能边界 keywords: - MutationObserver - DOM 监听 - 批处理 - subtree - 性能边界 description: 介绍 MutationObserver 的变更队列与回调模型、子树监听与过滤、批处理与节流策略,避免过度观察与主线程阻塞,提供示例与参考。 categories: ...

OAuth2设备码流程与安全治理

--- title: OAuth2设备码流程与安全治理 keywords: - OAuth2 - Device Authorization Grant - user_code - verification_uri - interval description: 通过设备码授权流程支持无浏览器设备登录,规范轮询与速率控制并强化用户确认与风险治理。 categories: - 文章资讯 - 技...