-
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实现映射、坐标轴和动画。
-
需依据场景选WebSocket或Ajax：WebSocket用于实时双向通信，需创建连接、监听事件、处理重连；Ajax用XMLHttpRequest或fetch实现异步请求；跨域需CORS配置或代理。
-
CSSmin()函数不能写在HTML标签里，必须写在CSS规则中；它是一次性取最小计算值，需含vw/rem/%等动态单位才有效，否则为静态值。
-
说明：width: 100% 会让图片宽度等于其父容器的宽度。displ">
最直接有效的方式是设置img{width:100%;height:auto;display:block;}；固定尺寸容器用object-fit:cover/contain；装饰性图片推荐背景图；全屏场景结合vw或%单位。
-
Object.entries配合reduce可一行将对象转为Map，且支持值加工；关键是以newMap()为初始值，每次调用set后返回同一实例。
说明：width: 100% 会让图片宽度等于其父容器的宽度。displ