-
animation-play-state是唯一能真正暂停并从断点继续的原生方案，仅适用于纯CSS@keyframes动画；Canvas、Three.js和requestAnimationFrame动画需手动管理时间戳与状态，否则暂停后会重头开始或跳变。
-
直接对原始JSON字符串用正则脱敏可行但需谨慎：精准匹配键名、安全捕获值、保留格式；须处理跨行、转义、注释等陷阱，并按值类型差异化脱敏。
-
HTML5转APP后NFC是否可用取决于打包方案和运行环境：纯Web页面无法调用，需通过H5+、Cordova等原生容器桥接；WebNFCAPI（NDEFReader）仅ChromeAndroid91+有限支持，iOS完全不支持；正确路径是使用原生插件（如plus.nfc），并配置权限与前台调度机制。
-
conic-gradient画环形进度条的核心原理是以元素中心为原点、按角度顺时针旋转绘制颜色过渡，通过设定双色标同角度实现“硬切”进度弧，并配合border-radius:50%、固定宽高及遮罩/裁剪形成空心环状视觉。
-
HTML5页面延时跳转本质是用setTimeout控制location.href赋值，需确保DOM就绪、避免沙箱拦截、处理跨协议限制、清除冗余定时器，并注意移动端用户交互要求。
-
Object.seal是实现前端本地数据快照“结构稳定性”的轻量级手段，它锁定字段结构但允许修改属性值，兼顾服务端契约一致性与运行时内容更新需求。
-
<section>标签用于有明确主题、可独立成文且需被导航或引用的内容区块，必须配<h2>～<h6>标题，不可滥用为样式容器；其语义价值取决于页面整体结构与相邻元素关系。
-
识别闭包对多媒体流的隐式持有是内存管理关键，需检查是否捕获MediaStream/ReadableStream等大对象、reader/controller未及时置空、WeakMap缓存未清理，结合DevTools快照验证Retainers中闭包引用。
-
使用内联脚本可直接在HTML中嵌入JavaScript，适合小规模测试；2.外部JS文件通过src引入，利于维护与缓存；3.async和defer属性优化加载，提升性能；4.内联事件处理不推荐，应分离结构与行为。
-
根本原因是document.querySelectorAll只匹配DOM属性（attribute），不匹配JS属性（property）；需确保属性显式声明在HTML中或通过setAttribute同步，ShadowDOM需查shadowRoot，动态状态须更新attribute而非property。
-
加muted属性是绕过浏览器自动播放限制的关键，需在HTML中直接声明且不赋值；配合playsinline确保内联播放，并用FFmpeg移除音频流（-an）以彻底避免静音失效。
-
width:auto不自适应的根本原因是其依赖父容器明确宽度及正常文档流，受flex/grid布局、float、display类型、box-sizing及min/max-width等多重限制。
-
JavaScript数组扁平化指将多层嵌套数组压平为一层，flat()按指定深度展开（默认1层，Infinity可完全扁平），flatMap()先映射再扁平一层，二者语义清晰、性能好、可读性强，是现代项目的首选方案。
-
外链的<img>或background-image引入的SVG无法用CSS控制内部<path>颜色，因其被当作位图处理；只有inlineSVG才能通过fill:currentColor或CSS变量动态换色。
-
徽标文字颜色对比度不够时，应确保小字号文字与背景的对比度达WCAGAA标准4.5:1；例如红底配白字需验证是否达标，推荐用WebAIM工具检测，必要时加深文字色或降低背景亮度。
