浏览器能力组合

共 19 题
#

1. 本地存储与离线,IndexedDB 与 Cache API?

A IndexedDB 只能在页面加载时同步读取
B IndexedDB 面向结构化数据,Cache API 面向请求/响应,二者经 Service Worker 协作支撑离线 ✓ 正确答案
C localStorage 的容量与 IndexedDB 相同
D Cache API 适合存储业务结构化数据
#

2. Media Capabilities API(decodingInfo/encodingInfo)在媒体能力探测、清晰度自适应与省电(powerEfficient)选择中的工程价值?

A decodingInfo 只返回 supported 布尔值
B Media Capabilities API 可探测编解码的 supported/smooth/powerEfficient 三维能力,支撑清晰度自适应与省电选择 ✓ 正确答案
C encodingInfo 用于查询播放清晰度
D 探测结果在任何情况下都保证与真实播放一致
#

3. Custom Elements 的定义升级、构造约束、connectedMoveCallback 与自定义元素反应队列会怎样影响框架渲染时序

A 自定义元素构造器中可以任意使用 document.createElement
B 同一标签名可以多次 customElements.define
C 元素在 DOM 中移动会先触发 disconnectedCallback 再触发 connectedCallback,初始化逻辑必须幂等 ✓ 正确答案
D attributeChangedCallback 是同步立即触发的
#

4. Declarative Shadow DOM 经服务端输出后,客户端应如何复用已有 shadow root,避免重复 attachShadow、样式闪烁和事件重复绑定

A DSD 会加剧首屏样式闪烁
B DSD 由服务端输出,客户端应探测并复用已有 shadow root,绑定需幂等以避免重复 ✓ 正确答案
C 客户端可以无条件再次 attachShadow 覆盖 DSD 的 shadow root
D DSD 的 shadow 内容不参与首次绘制
#

5. Storage Buckets 的 durability、expires、quota 与独立清除语义如何支持多租户离线数据的生命周期管理

A Storage Buckets 支持按桶配置 durability、expires、quota 并按桶独立清除,利于多租户生命周期管理 ✓ 正确答案
B 清除一个桶会连带清除全部站点数据
C expires 设置后浏览器立即删除数据
D Storage Buckets 的所有桶共享同一持久性设置
#

6. WebTransport 的双向流、单向流和 Datagram 在丢包、乱序、背压及连接迁移时应采用什么应用层语义

A WebTransport 流没有背压机制
B Datagram 保证可靠有序到达
C 流提供可靠有序传输与背压,Datagram 尽力而为需自带序号与去重,连接迁移时设计会话恢复 ✓ 正确答案
D 网络切换时 WebTransport 连接必然中断
#

7. WebCodecs 的 VideoFrame、EncodedVideoChunk、transfer 与 close 如何组织,才能避免跨 Worker 管线中的帧泄漏和复制放大

A 忘记 close VideoFrame 只会多占一点内存,无碍
B VideoFrame 是转移所有权而非复制的资源,必须 close 释放,配合帧池与背压避免泄漏 ✓ 正确答案
C transfer 与结构化克隆在性能上没有区别
D VideoFrame 可以克隆到多个 Worker 而无需 close
#

8. WebGPU 设备丢失、验证错误和显存预算变化时,渲染或推理任务怎样重建设备并恢复可见状态

A WebGPU 设备丢失后只能刷新页面
B 应监听 device.lost 与验证错误,重建设备并依据应用层状态恢复可见渲染 ✓ 正确答案
C 验证错误不影响设备使用
D GPU 资源在设备丢失后仍可继续使用
#

9. WebNN 图编译前应怎样探测算子、数据类型和设备能力,并为不支持的节点生成 WASM 或服务端回退

A 能力探测只能针对整图进行
B 编译前应探测算子与数据类型支持,不支持的节点可拆分为 WASM 实现或整体走服务端回退 ✓ 正确答案
C WebNN 所有设备支持完全相同的算子
D WebNN 图编译失败时整个 API 就不可用
#

10. Chrome Built-in AI 的模型可用性、下载状态与用户激活要求如何和 WebNN/WebGPU 的算子加速职责分层

A Built-in AI 的模型总是立即可用
B Built-in AI 负责模型下载与可用性管理,WebNN/WebGPU 提供算子级加速,二者职责分层 ✓ 正确答案
C WebGPU 可以直接调用内置模型推理,无需 WebNN
D Built-in AI 不需要安全上下文
#

11. 浏览器能力检测 vs 特性检测,如何优雅降级?

A 降级策略只需判断一个能力即可
B 特性检测只能检测 API 是否存在
C UA 解析是最可靠的兼容性判断方式
D 特性检测优先于 UA 解析,配合按需加载与基础功能兜底可实现优雅降级 ✓ 正确答案
#

12. Compute Pressure API(ComputePressureObserver)在基于 CPU 负载动态调整渲染精度、降级动画与采样策略的工程价值,与性能监控的区别

A Compute Pressure API 只能感知 GPU 负载
B 负载回调只触发一次
C Compute Pressure API 用于记录页面性能指标
D Compute Pressure API 提供实时 CPU 负载档位,用于运行时降级渲染精度与动画,区别于事后度量的性能监控 ✓ 正确答案
#

13. URLPattern API(Baseline)在路由匹配、链接审计与参数提取中替代正则的工程价值及边界

A URLPattern 是纯字符串匹配工具
B URLPattern 只能匹配 pathname
C URLPattern 已支持所有浏览器,无需降级
D URLPattern 按分段声明式匹配并自动提取参数,是正则路由匹配的现代替代,旧环境需 polyfill ✓ 正确答案
#

14. 实时媒体 AI 管线怎样串联 WebCodecs、WebGPU/WebNN 与 WebTransport,同时限制帧队列长度和端到端延迟

A WebTransport 只能传编码后的完整帧
B 端到端延迟只取决于传输速度
C 管线各级队列越长越安全
D 用固定容量队列与丢帧背压控制帧流,按延迟预算分配各级时间并自适应降级 ✓ 正确答案
#

15. 浏览器能力矩阵如何统一表达安全上下文、跨源隔离、权限策略、用户授权、硬件限制与降级路径

A 非安全上下文下所有 API 仍然可用
B 能力可用性只取决于浏览器版本
C 权限策略不影响 API 可用性
D 能力矩阵统一表达安全上下文、跨源隔离、权限策略、授权与硬件限制,运行时逐项校验并映射降级路径 ✓ 正确答案
#

16. Web API 的组合,离线、通知与后台任务的协同?

A Push 消息不需要用户授权即可发送
B Background Sync 只能用于下载
C Service Worker、Push、Notification 与 Background Sync 协同构成离线通知与后台同步闭环,但受授权与节流约束 ✓ 正确答案
D 页面关闭后 Service Worker 无法执行任何任务
#

17. Web Worker 与主线程协作,消息与 Transferable?

A Transferable 对象通过转移所有权实现零拷贝,转移后原线程不可再访问该对象 ✓ 正确答案
B 所有对象都可以被转移
C SharedArrayBuffer 不需要跨源隔离即可使用
D postMessage 默认是零拷贝传递
#

18. 能力组合的降级,特性检测的优先级?

A 只需检测 API 是否存在即可决定使用
B 检测应先验证安全上下文等硬前置条件,再按存在性、行为、性能分级探测并设计降级链 ✓ 正确答案
C 特性检测结果无需缓存
D 降级链中 polyfill 永远优于原生 API
#

19. 能力检测的时机,为何部分 API(权限、GPU、存储配额)在页面加载态与用户激活后的能力不同,检测-加载-降级的组合模式如何设计?

A 权限、GPU 等能力受用户激活与授权影响,应加载期低成本探测、激活期初始化并更新能力快照 ✓ 正确答案
B 权限请求不需要用户手势
C 存储配额在页面生命周期内不会变化
D 页面加载时的检测结果在用户激活后依然恒定