-
requestVideoFrameCallback不能直接实现滤镜合成，但提供低延迟帧时机和精准时间戳，是实时视频处理链路关键起点；需配合OffscreenCanvas或WebGL做像素级滤镜，纯分析任务可直接触发处理逻辑以避开drawImage同步拷贝开销。
-
应使用带业务语义的块名，如.user-profile-tabs、.settings-tabs、.product-detail-tabs，而非泛化的.tabs；状态同步推荐用is-active类而非--active修饰符，确保语义清晰、可维护性强。
-
counter-reset必须写在每个独立编号区块的直接宿主容器上，而非父级wrapper；它不穿透display:contents等截断上下文，且伪元素中设置无效，嵌套编号需每层对应counter-reset与counter-increment。
-
发票查验页面需在3秒内完成真伪确认、异常定位与归档，须严格遵循税务总局接口规范，防御性取值、精准校验输入、区分业务态渲染结果，并提供一键复制与原生PDF导出功能。
-
npm是Node.js默认包管理工具，用于安装、更新、卸载依赖；初始化用npminit-y生成package.json；依赖分dependencies（运行必需）和devDependencies（开发专用）；常用命令包括npminstall、npmupdate、npmuninstall等。
-
原生<inputtype="time">能用但限制多：兼容性差（Safari旧版退化为文本框）、不支持分钟步进（如15分钟）、无清空按钮、无法隐藏秒；推荐flatpickr（轻量、支持minuteIncrement/清空/格式控制）或手写select方案。
-
WebAssembly加密模块必须导出纯函数接口以确保确定性，避免GC干扰和内存拷贝，正确管理密钥生命周期并实现WebCrypto兜底。
-
navigator.storage.estimate()是唯一可靠方式，返回usage（已用字节数）和quota（系统建议配额，单位字节），但quota可能为undefined，且仅在HTTPS或localhost安全上下文中可用。
-
index.html无法真正加密，本质是可逆混淆；真正防护需服务端控制内容分发与权限校验，并对外链资源做混淆、路径鉴权及敏感信息剥离。
-
前端路由靠history.pushState或hashchange实现无刷新切换视图，禁用window.location.href是为保JS状态；pushState需同源相对路径与服务端配合返回统一HTML，hashchange兼容好但SEO差；核心难点是URL、历史、组件、滚动、表单等多状态同步。
-
background-attachment:fixed失效主因是body未占满视口，需同时设置html,body{height:100%;margin:0;padding:0;}且background-attachment必须写在body上。
-
Lighthouse评分卡在80分上不去主因是HTML性能瓶颈：DOM节点过多、内联脚本阻塞渲染、document.write残留、服务端模板冗余空格/注释；需控制DOM节点<1500、优化内联资源位置与体积、正确使用preload及响应头配置。
-
align-items只作用于Flex容器的直接子元素（flexitem），控制其在交叉轴上的对齐方式；默认flex-row时交叉轴为垂直方向，flex-col时为水平方向，需确保父容器为flex且具有明确高度。
-
Promise是JavaScript中处理异步操作的对象，代表未来完成或失败的结果；具有pending、fulfilled、rejected三种不可逆状态；通过newPromise创建，支持链式调用、错误捕获及Promise.all等静态方法。
-
HTMLSitemap应用语义化HTML结构（如h2、ul、a）组织内容，命名随意但需可访问、无死链、聚焦高价值页面；XML与HTMLSitemap可共存，用途不同，不可混用；HTML版不提交搜索引擎，仅提升用户体验。
