AudioContext 为什么会从 suspended 开始，必须在哪类事件里 resume 才可靠？
AudioContext 为什么会从 suspended 开始，必须在哪类事件里 resume 才可靠？ 本文先给出可直接复述的结论，再用最小代码说明AudioContext suspended resume 用户手势的工作方式、判断依据、项目边界和常见误区。
核心关键词AudioContext suspended resume 用户手势
面试知识索引 · 分类、标签与搜索
文件与多媒体专题面试题，47 道完整答案
文件与多媒体专题面试题第 1 页，显示第 1–47 题，共找到 47 道完整解析，可继续按分类、标签与关键词缩小范围。
47筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
浏览器自动播放策略下，为什么 muted 常能播而带声音失败，如何检测并降级？
浏览器自动播放策略下，为什么 muted 常能播而带声音失败，如何检测并降级？ 本文先给出可直接复述的结论，再用最小代码说明自动播放策略 muted play() Promise的工作方式、判断依据、项目边界和常见误区。
核心关键词自动播放策略 muted play() Promise - 0003
上传超大文件时用 Blob.slice 分片的边界条件是什么？
上传超大文件时用 Blob.slice 分片的边界条件是什么？ 本文先给出可直接复述的结论，再用最小代码说明Blob slice 大文件 分片上传的工作方式、判断依据、项目边界和常见误区。
核心关键词Blob slice 大文件 分片上传 - 0004
Blob.type 为空时能不能根据内容嗅探类型，浏览器给出什么保证？
Blob.type 为空时能不能根据内容嗅探类型，浏览器给出什么保证？ 本文先给出可直接复述的结论，再用最小代码说明Blob type MIME 嗅探 浏览器的工作方式、判断依据、项目边界和常见误区。
核心关键词Blob type MIME 嗅探 浏览器 - 0005
用 requestAnimationFrame 驱动 Canvas 动画时，组件隐藏或卸载要取消什么避免幽灵绘制？
用 requestAnimationFrame 驱动 Canvas 动画时，组件隐藏或卸载要取消什么避免幽灵绘制？ 本文先给出可直接复述的结论，再用最小代码说明Canvas requestAnimationFrame cancelAnimationFrame 清理的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas requestAnimationFrame cancelAnimationFrame 清理 - 0006
createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题？
createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题？ 本文先给出可直接复述的结论，再用最小代码说明createImageBitmap Image Canvas 解码 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词createImageBitmap Image Canvas 解码 性能 - 0007
Canvas 在高 DPR 屏幕上模糊时，应该怎样按 devicePixelRatio 设置尺寸与变换？
Canvas 在高 DPR 屏幕上模糊时，应该怎样按 devicePixelRatio 设置尺寸与变换？ 本文先给出可直接复述的结论，再用最小代码说明Canvas devicePixelRatio 模糊 高清屏的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas devicePixelRatio 模糊 高清屏 - 0008
CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么？
CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么？ 本文先给出可直接复述的结论，再用最小代码说明Canvas filter ctx.filter 兼容性 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas filter ctx.filter 兼容性 性能 - 0009
频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力？
频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力？ 本文先给出可直接复述的结论，再用最小代码说明Canvas getImageData putImageData 性能 像素的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas getImageData putImageData 性能 像素 - 0010
Canvas 的 globalCompositeOperation 在蒙版、橡皮擦、高亮中应如何选择而不是试错？
Canvas 的 globalCompositeOperation 在蒙版、橡皮擦、高亮中应如何选择而不是试错？ 本文先给出可直接复述的结论，再用最小代码说明Canvas globalCompositeOperation 蒙版 橡皮擦的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas globalCompositeOperation 蒙版 橡皮擦 - 0011
Path2D 适合缓存什么，为什么复杂图形重绘和命中检测会受益？
Path2D 适合缓存什么，为什么复杂图形重绘和命中检测会受益？ 本文先给出可直接复述的结论，再用最小代码说明Canvas Path2D 缓存 isPointInPath的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas Path2D 缓存 isPointInPath - 0012
CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界？
CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界？ 本文先给出可直接复述的结论，再用最小代码说明Canvas save restore 状态栈 性能的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas save restore 状态栈 性能 - 0013
为什么跨域图片画进 Canvas 后 getImageData 会抛错，如何合法解除污染？
为什么跨域图片画进 Canvas 后 getImageData 会抛错，如何合法解除污染？ 本文先给出可直接复述的结论，再用最小代码说明Canvas getImageData tainted CORS 跨域的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas getImageData tainted CORS 跨域 - 0014
Canvas 文本排版为什么必须依赖 measureText 而不是按字符数估算换行？
Canvas 文本排版为什么必须依赖 measureText 而不是按字符数估算换行？ 本文先给出可直接复述的结论，再用最小代码说明Canvas measureText 文本 换行的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas measureText 文本 换行 - 0015
导出画布时 HTMLCanvasElement.toBlob 与 toDataURL 的差异和选型依据是什么？
导出画布时 HTMLCanvasElement.toBlob 与 toDataURL 的差异和选型依据是什么？ 本文先给出可直接复述的结论，再用最小代码说明Canvas toBlob toDataURL 导出 差异的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas toBlob toDataURL 导出 差异 - 0016
getContext('2d', { willReadFrequently:true }) 应该在什么读回模式下开启，代价是什么？
getContext('2d', { willReadFrequently:true }) 应该在什么读回模式下开启，代价是什么？ 本文先给出可直接复述的结论，再用最小代码说明Canvas willReadFrequently getContext 2d的工作方式、判断依据、项目边界和常见误区。
核心关键词Canvas willReadFrequently getContext 2d - 0017
navigator.clipboard.readText 读取剪贴板前应如何提示并处理空内容、权限拒绝与格式不符？
navigator.clipboard.readText 读取剪贴板前应如何提示并处理空内容、权限拒绝与格式不符？ 本文先给出可直接复述的结论，再用最小代码说明Clipboard readText 权限 拒绝 空内容的工作方式、判断依据、项目边界和常见误区。
核心关键词Clipboard readText 权限 拒绝 空内容 - 0018
navigator.clipboard.writeText 为什么常在非用户激活或权限被拒时失败？
navigator.clipboard.writeText 为什么常在非用户激活或权限被拒时失败？ 本文先给出可直接复述的结论，再用最小代码说明Clipboard API writeText 权限 用户激活的工作方式、判断依据、项目边界和常见误区。
核心关键词Clipboard API writeText 权限 用户激活 - 0019
用 ClipboardItem 写入 text/html 与 text/plain 时，为什么要同时提供纯文本并清洗 HTML？
用 ClipboardItem 写入 text/html 与 text/plain 时，为什么要同时提供纯文本并清洗 HTML？ 本文先给出可直接复述的结论，再用最小代码说明ClipboardItem text/html text/plain 剪贴板 清洗的工作方式、判断依据、项目边界和常见误区。
核心关键词ClipboardItem text/html text/plain 剪贴板 清洗 - 0020
copy/cut/paste 事件里的 event.clipboardData 与 Clipboard API 读写有什么分工和限制？
copy/cut/paste 事件里的 event.clipboardData 与 Clipboard API 读写有什么分工和限制？ 本文先给出可直接复述的结论，再用最小代码说明copy paste 事件 clipboardData Clipboard API的工作方式、判断依据、项目边界和常见误区。
核心关键词copy paste 事件 clipboardData Clipboard API - 0021
拖放自定义数据用 setData 自定义 MIME 时，什么信息不该放，跨窗口读取边界是什么？
拖放自定义数据用 setData 自定义 MIME 时，什么信息不该放，跨窗口读取边界是什么？ 本文先给出可直接复述的结论，再用最小代码说明DataTransfer setData 自定义 MIME 拖放 安全的工作方式、判断依据、项目边界和常见误区。
核心关键词DataTransfer setData 自定义 MIME 拖放 安全 - 0022
DataTransfer.items、files、types 在读取拖入内容时分别解决什么判断？
DataTransfer.items、files、types 在读取拖入内容时分别解决什么判断？ 本文先给出可直接复述的结论，再用最小代码说明DataTransfer items files types 拖入 文件的工作方式、判断依据、项目边界和常见误区。
核心关键词DataTransfer items files types 拖入 文件 - 0023
HTML 拖放中为什么必须阻止 dragover 默认行为，drop 才大概率触发？
HTML 拖放中为什么必须阻止 dragover 默认行为，drop 才大概率触发？ 本文先给出可直接复述的结论，再用最小代码说明dragover preventDefault drop 拖放的工作方式、判断依据、项目边界和常见误区。
核心关键词dragover preventDefault drop 拖放 - 0024
拖放交互里 effectAllowed 与 dropEffect 不一致会造成什么视觉与结果错配？
拖放交互里 effectAllowed 与 dropEffect 不一致会造成什么视觉与结果错配？ 本文先给出可直接复述的结论，再用最小代码说明effectAllowed dropEffect 拖放 光标的工作方式、判断依据、项目边界和常见误区。
核心关键词effectAllowed dropEffect 拖放 光标 - 0025
drop 事件拿到 FileList 后，前端应先做哪些尺寸、类型、数量校验再进入解析？
drop 事件拿到 FileList 后，前端应先做哪些尺寸、类型、数量校验再进入解析？ 本文先给出可直接复述的结论，再用最小代码说明drop FileList 文件 校验 size type的工作方式、判断依据、项目边界和常见误区。
核心关键词drop FileList 文件 校验 size type - 0026
enumerateDevices 为什么在授权前 label 为空，拿到流后应如何刷新设备列表？
enumerateDevices 为什么在授权前 label 为空，拿到流后应如何刷新设备列表？ 本文先给出可直接复述的结论，再用最小代码说明enumerateDevices label 权限 devicechange的工作方式、判断依据、项目边界和常见误区。
核心关键词enumerateDevices label 权限 devicechange - 0027
为什么不能信任 File.name 与 File.lastModified 做唯一键或新鲜度判断？
为什么不能信任 File.name 与 File.lastModified 做唯一键或新鲜度判断？ 本文先给出可直接复述的结论，再用最小代码说明File name lastModified 可信边界的工作方式、判断依据、项目边界和常见误区。
核心关键词File name lastModified 可信边界 - 0028
File 与 Blob 在浏览器中有什么本质区别，什么时候不能只按 Blob 处理？
File 与 Blob 在浏览器中有什么本质区别，什么时候不能只按 Blob 处理？ 本文先给出可直接复述的结论，再用最小代码说明File 与 Blob 的区别的工作方式、判断依据、项目边界和常见误区。
核心关键词File 与 Blob 的区别 - 0029
FileReader 的 readAsText、readAsArrayBuffer、readAsDataURL 应如何按消费方式选择？
FileReader 的 readAsText、readAsArrayBuffer、readAsDataURL 应如何按消费方式选择？ 本文先给出可直接复述的结论，再用最小代码说明FileReader readAsArrayBuffer readAsDataURL 选择的工作方式、判断依据、项目边界和常见误区。
核心关键词FileReader readAsArrayBuffer readAsDataURL 选择 - 0030
视频全屏应该请求 video 元素还是容器元素，iOS 行为差异为什么要单列？
视频全屏应该请求 video 元素还是容器元素，iOS 行为差异为什么要单列？ 本文先给出可直接复述的结论，再用最小代码说明requestFullscreen video iOS webkitEnterFullscreen的工作方式、判断依据、项目边界和常见误区。
核心关键词requestFullscreen video iOS webkitEnterFullscreen - 0031
getDisplayMedia 请求屏幕共享时，audio、surfaceSwitching、preferCurrentTab 等约束应怎样向用户解释？
getDisplayMedia 请求屏幕共享时，audio、surfaceSwitching、preferCurrentTab 等约束应怎样向用户解释？ 本文先给出可直接复述的结论，再用最小代码说明getDisplayMedia 屏幕共享 audio constraints的工作方式、判断依据、项目边界和常见误区。
核心关键词getDisplayMedia 屏幕共享 audio constraints - 0032
getUserMedia 的 ideal/exact/deviceId 约束怎样设计降级，OverconstrainedError 后如何重试？
getUserMedia 的 ideal/exact/deviceId 约束怎样设计降级，OverconstrainedError 后如何重试？ 本文先给出可直接复述的结论，再用最小代码说明getUserMedia 约束降级 OverconstrainedError 重试的工作方式、判断依据、项目边界和常见误区。
核心关键词getUserMedia 约束降级 OverconstrainedError 重试 - 0033
<input type=file> 的 accept 属性能否当作安全校验，失败体验应怎样兜底？
<input type=file> 的 accept 属性能否当作安全校验，失败体验应怎样兜底？ 本文先给出可直接复述的结论，再用最小代码说明input file accept 属性 校验的工作方式、判断依据、项目边界和常见误区。
核心关键词input file accept 属性 校验 - 0034
在选清晰度前用 MediaCapabilities.decodingInfo 判断什么，不能拿它保证什么？
在选清晰度前用 MediaCapabilities.decodingInfo 判断什么，不能拿它保证什么？ 本文先给出可直接复述的结论，再用最小代码说明MediaCapabilities decodingInfo 解码 能力的工作方式、判断依据、项目边界和常见误区。
核心关键词MediaCapabilities decodingInfo 解码 能力 - 0035
HTMLMediaElement 的 readyState、canplay、loadeddata、canplaythrough 应分别用来开门什么交互？
HTMLMediaElement 的 readyState、canplay、loadeddata、canplaythrough 应分别用来开门什么交互？ 本文先给出可直接复述的结论，再用最小代码说明HTMLMediaElement readyState canplay loadeddata的工作方式、判断依据、项目边界和常见误区。
核心关键词HTMLMediaElement readyState canplay loadeddata - 0036
<video> 的 preload=none/metadata/auto 在移动网络下应如何选择，不能假设什么？
<video> 的 preload=none/metadata/auto 在移动网络下应如何选择，不能假设什么？ 本文先给出可直接复述的结论，再用最小代码说明video preload none metadata auto的工作方式、判断依据、项目边界和常见误区。
核心关键词video preload none metadata auto - 0037
拖动 HTMLMediaElement.currentTime 时如何用 buffered 与 seeking/seeked 判断卡顿是否来自未缓冲？
拖动 HTMLMediaElement.currentTime 时如何用 buffered 与 seeking/seeked 判断卡顿是否来自未缓冲？ 本文先给出可直接复述的结论，再用最小代码说明video 拖动 buffered 判断缓冲卡顿的工作方式、判断依据、项目边界和常见误区。
核心关键词video 拖动 buffered 判断缓冲卡顿 - 0038
MediaRecorder 选型时如何校验 MIME 支持，start(timeslice) 对 ondataavailable 有什么影响？
MediaRecorder 选型时如何校验 MIME 支持，start(timeslice) 对 ondataavailable 有什么影响？ 本文先给出可直接复述的结论，再用最小代码说明MediaRecorder isTypeSupported timeslice ondataavailable的工作方式、判断依据、项目边界和常见误区。
核心关键词MediaRecorder isTypeSupported timeslice ondataavailable - 0039
MediaRecorder.stop 后为什么不能立刻用已收 Blob，还要等最后一次 dataavailable？
MediaRecorder.stop 后为什么不能立刻用已收 Blob，还要等最后一次 dataavailable？ 本文先给出可直接复述的结论，再用最小代码说明MediaRecorder stop dataavailable Blob的工作方式、判断依据、项目边界和常见误区。
核心关键词MediaRecorder stop dataavailable Blob - 0040
Media Source Extensions 中向 SourceBuffer appendBuffer 为什么要等待 updateend，乱序追加会怎样？
Media Source Extensions 中向 SourceBuffer appendBuffer 为什么要等待 updateend，乱序追加会怎样？ 本文先给出可直接复述的结论，再用最小代码说明MSE SourceBuffer appendBuffer 顺序 updateend的工作方式、判断依据、项目边界和常见误区。
核心关键词MSE SourceBuffer appendBuffer 顺序 updateend - 0041
Safari 原生可播 HLS 而其他桌面浏览器常走 MSE 时，播放器封装应如何分流？
Safari 原生可播 HLS 而其他桌面浏览器常走 MSE 时，播放器封装应如何分流？ 本文先给出可直接复述的结论，再用最小代码说明HLS canPlayType MSE 播放器 分流的工作方式、判断依据、项目边界和常见误区。
核心关键词HLS canPlayType MSE 播放器 分流 - 0042
URL.createObjectURL 创建的地址为什么要 revokeObjectURL，泄漏会怎样表现？
URL.createObjectURL 创建的地址为什么要 revokeObjectURL，泄漏会怎样表现？ 本文先给出可直接复述的结论，再用最小代码说明createObjectURL revokeObjectURL 内存泄漏的工作方式、判断依据、项目边界和常见误区。
核心关键词createObjectURL revokeObjectURL 内存泄漏 - 0043
OffscreenCanvas 什么时候该转移到 Worker，转移所有权后主线程还能做什么？
OffscreenCanvas 什么时候该转移到 Worker，转移所有权后主线程还能做什么？ 本文先给出可直接复述的结论，再用最小代码说明OffscreenCanvas transferControlToOffscreen Worker的工作方式、判断依据、项目边界和常见误区。
核心关键词OffscreenCanvas transferControlToOffscreen Worker - 0044
Permissions API query 摄像头/麦克风状态时，name 支持与 change 事件边界是什么？
Permissions API query 摄像头/麦克风状态时，name 支持与 change 事件边界是什么？ 本文先给出可直接复述的结论，再用最小代码说明Permissions API query camera microphone的工作方式、判断依据、项目边界和常见误区。
核心关键词Permissions API query camera microphone - 0045
setDragImage 自定义拖拽预览图时，图像来源和 offset 设置有哪些坑？
setDragImage 自定义拖拽预览图时，图像来源和 offset 设置有哪些坑？ 本文先给出可直接复述的结论，再用最小代码说明setDragImage offset 拖拽预览的工作方式、判断依据、项目边界和常见误区。
核心关键词setDragImage offset 拖拽预览 - 0046
结束摄像头采集时为什么必须 stop 所有 MediaStreamTrack 而不是只移除 video.srcObject？
结束摄像头采集时为什么必须 stop 所有 MediaStreamTrack 而不是只移除 video.srcObject？ 本文先给出可直接复述的结论，再用最小代码说明MediaStreamTrack stop srcObject 摄像头 指示灯的工作方式、判断依据、项目边界和常见误区。
核心关键词MediaStreamTrack stop srcObject 摄像头 指示灯 - 0047
Web Audio 中 decodeAudioData 得到 AudioBuffer 后，播放采样率与 AudioContext 不一致会怎样？
Web Audio 中 decodeAudioData 得到 AudioBuffer 后，播放采样率与 AudioContext 不一致会怎样？ 本文先给出可直接复述的结论，再用最小代码说明Web Audio decodeAudioData AudioBuffer sampleRate的工作方式、判断依据、项目边界和常见误区。
核心关键词Web Audio decodeAudioData AudioBuffer sampleRate