-
浮动元素脱离文档流致后续块级元素绕行错位，clear:both通过强制元素边框框不与浮动元素重叠来解决，但现代推荐用display:flow-root或Flex/Grid布局替代。
-
HTML文件误删或损坏可按五步恢复：一、从回收站/废纸篓还原；二、用文本编辑器检查修复标签与编码；三、用浏览器开发者工具导出实时HTML；四、通过Git等版本控制检出历史版本；五、用Recuva等工具扫描磁盘残留数据。
-
new.target是JavaScript中用于检测构造函数调用上下文的元属性，仅在类或构造函数内有效，不参与网关的路由转发、协议转换、流式分发或弹性机制等核心职责。
-
旧版Firefox（<60）浮动布局异常主因是严格遵循CSS2.1浮动边界与行框重排规范，而非私有属性缺失；需显式设display:block、box-sizing:border-box，注意vertical-align、sub-pixel误差及clear被stackingcontext或margin合并干扰。
-
box-shadow是控制卡片阴影的正确属性，需按水平偏移、垂直偏移、模糊半径、扩散半径、颜色顺序设置，配合overflow:hidden、transform、CSS变量及-webkit-tap-highlight-color等细节保障多端一致体验。
-
使用CSS并集选择器可高效地为多个元素应用相同样式，通过逗号分隔不同选择器（如h1,p,.highlight），实现代码复用与简化维护。
-
aria-multiselectable的核心作用是声明容器支持多选，需配合role和aria-selected使用。具体步骤：1.在容器上设置role="listbox/grid/tree"及aria-multiselectable="true"；2.子元素设为role="option"等对应角色；3.通过aria-selected标记选中状态；4.JavaScript实现多选逻辑及视觉反馈；5.配合键盘交互与焦点管理确保无障碍性。
-
addEventListener是唯一推荐方式，因它支持同一事件多监听、控制捕获/冒泡阶段、可精准移除、兼容性好且为现代框架底层依赖；e.target是实际触发元素，e.currentTarget是绑定监听器的元素；异步操作前需检查DOM存在性。
-
状态模式通过封装对象状态及其行为，使对象在内部状态改变时改变其行为，避免复杂条件判断。上下文（如Light）持有当前状态，并将状态相关操作委托给具体状态对象处理；具体状态（如OnState、OffState）实现各自行为逻辑并可切换状态。示例中灯的开关通过press方法触发不同行为，无需if/else判断。优点包括消除条件逻辑、提升扩展性与职责清晰，适用于多状态场景如订单流程、按钮状态、游戏角色动作等，增强代码可维护性与灵活性。
-
关键在于通过报错类型区分语言层（如Promise未定义）与环境层（如window未定义）错误，结合typeof/in探测API可用性，并用Proxy捕获隐式访问行为，再对照各宿主环境能力表精准定位缺失。
-
浅拷贝后的嵌套数组仍指向同一块物理内存，因其仅复制外层数组容器及内部元素的引用地址，未为嵌套对象分配新堆空间，导致修改深层内容时原数组同步变化。
-
组件销毁后emit不会自动触发，而是异步逻辑（如请求回调、定时器）在实例失活后仍执行emit，导致警告或错误；Vue3应用isMounted校验+onBeforeUnmount清理，Vue2需手动维护isDestroyed标识并取消请求。
-
根本原因是html和body默认有margin且height不足，必须设height:100%和margin:0，并确保viewport正确设置，否则background-size:cover无法实现全屏铺满。
-
Zapier不解析、不渲染、不执行HTML，仅作纯文本处理；HTML必须预验证格式、使用内联样式、避免外链，并通过CodebyZapier安全注入变量，发送前需按接收方要求编码或转义。
-
D3.js是数据驱动的SVG可视化库，需手动绑定数据与DOM元素，适合深度定制；通过select、data、enter、attr等方法构建图表，配合scale、axis、transition实现映射、坐标轴和动画。
