-
响应式表格小屏转卡片需语义打散并用flex重排，关键在为td添加data-label属性并通过媒体查询控制display值，保留表格结构以保障可访问性与SEO。
-
scoped样式失效的根本原因是data-v-xxxx属性未正确注入或CSS选择器未匹配该属性；需同时满足模板元素带该属性且编译后选择器末尾含[data-v-xxxx]。
-
根本原因是渐变背景与文字颜色对比度不足（低于4.5:1），导致文字陷于暗区或亮区；应主动用background-blend-mode、伪元素+backdrop-filter等方案提升可读性，并通过工具校验WCAG对比度。
-
IE9及以下不支持hidden属性，必须用display:none替代，并配合aria-hidden和CSS类控制；IE10部分支持但有渲染异常。
-
内联样式优先级最高因其特异性固定为1000且不参与来源顺序竞争，优先级排序为style属性＞＜style＞标签＞外部CSS；但可用!important在外样中反超，代价是降低可维护性与性能。
-
HTML本身无函数可直接调用硬件，跨系统差异源于浏览器对操作系统API的封装差异；getUserMedia、WebUSB、WebGL等行为不一致均由底层系统框架、驱动和权限模型导致。
-
hspace属性在HTML5中已完全失效，因属HTML4过时内联属性，语义模糊且仅支持左右等距空白；现代浏览器在严格模式下直接忽略，须改用CSSmargin精确控制。
-
IndexedDB本身不拖慢离线存储，但事务滥用、未分块写入、大对象同步序列化、串行回调、未设readwriteflush模式等错误用法会导致卡顿；其优势在于异步、索引与事务支持，适合复杂离线场景。
-
CLS是唯一官方布局稳定性指标，需用PerformanceObserver监听layout-shift并设buffered:true；通过entry.sources或affectedElements定位异常元素，聚合上报时过滤hadRecentInput为true的条目，累加value值判断是否超0.1阈值。
-
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上。
-
用<a>标签实现下载需添加download属性，但仅对同源URL有效；跨域须后端配合Content-Disposition:attachment响应头；推荐语义化<dl>结构，手动标注文件大小与格式，移动端需设display:inline-block提升点击体验。
