-
Promise.any适用于多CDN场景中“取最快成功响应”，它在任意Promise成功时立即返回结果，忽略失败项；而Promise.race可能因首个失败导致整体失败，Promise.all要求全部成功，均不满足容错与快速加载需求。
-
直接用clamp()写死值不灵活，CSS变量可复用、可继承、可条件覆盖，需定义带单位的完整值（如1.25rem），避免混用单位，媒体查询中批量重置变量实现统一缩放。
-
子菜单不显示主因是父级未设position:relative导致绝对定位失效；三级菜单需HTML正确嵌套且CSS选择器写全层级；移动端不支持hover，IE需:focus-within兜底。
-
decode()是HTMLImageElement的异步方法，必须在JavaScript中调用并处理Promise，不能直接写在HTML标签里；正确做法是监听load事件后调用decode()，仅在其resolve后才显示图片。
-
align-self覆盖align-items的前提是父容器为flex布局、交叉轴有明确尺寸、子元素未脱离文档流；否则会退化为auto或失效。
-
Setup外无法使用emit是因为其依赖已挂载的组件实例和作用域，仅在setup、methods等组件上下文中有效；替代方案包括mitt事件总线、Pinia状态管理或provide/inject注入。
-
HTML和CSS无round函数，必须用JavaScript实现；Math.round()仅支持整数四舍五入且负数按向正无穷取整，保留小数需手动缩放，严格四舍五入应避免toFixed()的银行家舍入。
-
要让面包屑过长时显示省略号，需用Flexbox布局：父容器设display:flex和overflow:hidden，首项flex:00auto，分隔符固定宽，中间项flex:01120px，末项flex:110且min-width:0、white-space:nowrap、overflow:hidden、text-overflow:ellipsis。
-
答案：disabled属性用于禁用表单元素，使其不可交互且值不提交。可通过HTML直接添加或JavaScript动态控制，支持input、button等表单元素，与readonly区别在于值不提交、无法聚焦，需配合后端验证和无障碍设计。
-
discarded状态无法被JavaScript捕获，唯一可观察线索是pageshow中persisted===false；可靠保存时机仅freeze和pagehide(persisted=true)，还原需基于localStorage或服务端快照冷启动重建。
-
FormData是二进制兼容的提交载体，不直接生成查询字符串；需用URLSearchParams转换才能得到标准key=value&...格式，且天然支持多选、正确处理空值与未选中控件。
-
能，但仅当datetime值符合ISO8601格式且被搜索引擎、屏幕阅读器或JS正确解析时才有效；浏览器不自动转换，错误格式（如中文、缩写时区）会导致NaN或InvalidDate。
-
在HTML5中实现多图叠加需用CSS定位与透明度控制：一、用position:relative+absolute配合z-index分层；二、用opacity调节融合度；三、结合transform增强动态效果；四、用Grid的grid-area实现自动重叠；五、用clip-path裁剪提升层次感。
-
直接在关键节点插入性能打点可精准定位重排重绘源头与瓶颈；聚焦Layout（重排）和Paint（重绘）阶段，用performance.mark/measure细粒度追踪JS触发的DOM操作链，并结合DevToolsRendering面板验证图层合成与伪优化陷阱。
-
::marker是CSS中用于选中列表项前默认符号的伪元素，可单独设置颜色、字体、内容等样式，但仅对display:list-item元素生效且兼容性有限。
