-
track字幕不显示的主因是结构错误：track必须为video直接子元素且紧随source之后；其次src路径需同协议、kind值须准确（如subtitles不可少s）、vtt文件须UTF-8无BOM且首行为WEBVTT。
-
Map.size是实时且自动更新的只读属性，增删操作后立即反映键值对数量，不可手动赋值或替代；Object.keys(map).length永远为0，因其非普通对象。
-
可通过调整HTML结构与CSS样式实现博客主题与布局设置。一、使用内联CSS在head中添加style标签，定义字体、背景色和标题样式；二、引入外部CSS文件如style.css和dark-theme.css，通过修改link标签的href属性切换主题，结合JavaScript实现动态切换；三、利用header、main、article、aside、footer等语义化标签构建清晰结构，提升SEO与可读性；四、采用CSSGrid设置display:grid、自适应列数和间隙，实现响应式文章网格布局；五、运
-
<p>box-sizing:border-box使width/height包含padding和border，解决布局错位；全局启用推荐*{box-sizing:border-box;}，需统一设置避免flex/grid计算偏差，不影响calc()逻辑但提升可预测性。</p>
-
会引发语法错误，因为小于号是HTML标签的起始符号，需用实体字符“<”表示。
-
ServiceWorker的install事件用于预缓存静态资源，需用event.waitUntil()和版本化缓存名（如static-v1），只缓存稳定资源，避免硬编码哈希文件；推荐逐个fetch+put替代addAll()提升健壮性，并遵守同源与HTTPS限制。
-
HTML中嵌入JSON时需先提取再美化：用正则或sed提取<scripttype="application/json">内的JSON片段，再用jq或Prettier处理；写入时须避免</script>截断和引号转义冲突，推荐分离JSON文件。
-
屏幕录制无法通过HTML直接实现，必须依赖JavaScript调用WebAPI；2.核心技术是使用MediaDevices.getDisplayMedia()获取屏幕流，再通过MediaRecorder进行录制和保存；3.常见问题包括用户权限拒绝、浏览器兼容性差异、音频捕获限制、性能开销大、文件体积大以及隐私安全风险；4.录制完成后可通过Blob生成下载链接实现客户端保存，或使用FormData结合fetch上传至服务器；5.大文件应采用分块上传策略以提升稳定性，后端可进行存储、转码、元数据提取等处理；6
-
使用OneDrive同步HTML+CSS项目可行，需将项目放入OneDrive文件夹并登录同一账号实现多端同步。应采用英文命名、避免特殊字符，使用相对路径引用资源，如href="css/style.css"。推荐结构：my-website/下分设css、js、images目录。注意同步延迟、文件冲突可能产生副本，且无版本控制功能。建议配合VSCode等编辑器统一环境，手动备份重要版本，进阶用户可结合GitHub实现双重备份与版本管理。
-
直接对checkboxinput使用transition无效，因其不参与渲染；动画应作用于label::after等可见元素，用transform:translateX()实现平滑滑块位移，并确保交互热区足够、选择器路径正确。
-
event.target.closest能替代parentNode链式遍历，因为它自动从自身开始向上查找第一个匹配选择器的祖先（含自身），省去手动循环；不跨ShadowDOM，不支持伪元素，且始终返回最近匹配项。
-
RemotePlaybackAPI不处理原始流媒体，仅控制标准媒体元素的可播放资源；需将裸流封装为HLS/DASH/MP4等URL或MediaSource，再通过控制层（API）与数据层（服务端转发）分离实现异步播放。
-
<picture>不切换图片是因为浏览器未匹配任何<source>条件而回退到<img>的src；常见原因包括media语法不完整、srcset缺少type或media、遗漏必需的<img>标签，以及type类型不被支持或服务器Content-Type错误。
-
Chrome无视autocomplete="off"是设计行为而非bug，自53版起将其降级为弱信号，优先保障自动填充登录安全；有效绕过需用诱饵字段、非法autocomplete值或动态移除属性。
-
Temporal是必须替换Date的底层模型，因Date在跨时区、夏令时场景下静默修正、丢失时区上下文；Temporal强制显式处理时区、DST和消歧策略，确保时间逻辑精确可靠。
