-
图片加载失败主因是路径错误、跨域限制或文件异常；需检查404报错、CORS头、Content-Type及开发环境协议差异，优先用本地服务器测试并验证图片URL直连有效性。
-
JavaScript操作CSS样式和动画的核心是动态修改样式属性并利用浏览器渲染机制；可通过直接设置style属性、切换CSS类、CSStransition或requestAnimationFrame实现不同场景的动画效果。
-
Flex布局动画错位主因是父容器尺寸计算或溢出处理异常。需检查overflow:hidden导致裁剪、flex-shrink/flex-basis未锁定引发压缩、禁用影响布局的属性（如width/display），优先用transform/max-height实现动画，并酌情启用will-change或translateZ(0)提升合成性能。
-
图片浮动后文字环绕错位，本质是float触发绕排流但缺乏间距，解决关键是给图片自身添加margin（右浮加margin-left，左浮加margin-right）并检查容器padding/line-height及清除浮动。
-
margincollapsing是相邻块级元素垂直外边距合并为较大值的现象；可通过display:flow-root等方式阻止，但应先确认是否需打破该规范行为。
-
HTML5本身不支持混合模式，mix-blend-mode和background-blend-mode均来自CSS规范；前者作用于元素与其下方堆叠上下文内容但受层叠上下文限制，后者仅混合元素自身多个背景且更稳定可控。
-
CSSGrid结合fr单位和mediaquery可实现高效响应式布局。通过fr分配弹性空间，如1fr1fr1fr创建等宽列，2fr5fr设置不等宽；配合断点调整结构：移动端单列、平板双列、桌面多列；使用gap统一间距，repeat(auto-fit,minmax(250px,1fr))自动适配列数；建议移动优先、内容对齐断点、测试多尺寸，提升适应性与体验一致性。
-
通过CSS为Anki卡片中的HTML5标签设置语义化颜色、分组容器、悬停动画和正反面示例，可增强视觉层次与交互反馈，1.结构类标签用蓝色、表单类用橙色、媒体类用绿色；2.正面显示标签名，反面展示代码与说明；3.添加hover缩放与阴影效果；4.使用边框分组相关标签，提升记忆效率。
-
rgb()函数可直接用于CSS，参数为0–255整数，如color:rgb(51,102,204)；透明度用rgba()，需注意设计稿若误标归一化小数（如0.2）应×255取整还原。
-
Proxy通过handler对象拦截13种操作，最常用的是get、set、has、deleteProperty、ownKeys和defineProperty；应优先用Reflect方法而非直接操作target以确保receiver正确和流程完整。
-
使用position:fixed可使元素始终固定于视口指定位置；position:sticky实现滚动吸附效果；JavaScript可动态控制固定状态；需注意移动设备兼容性；CSS容器查询支持响应式固定策略。
-
可以，浮动元素能使用transition，但float本身不可动画；可通过transition控制浮动元素的margin、width或transform实现平滑效果，如侧边栏展开动画，配合overflow:hidden清除浮动影响，推荐用transform替代位移操作以提升性能。
-
JavaScript打包优化的核心是减少体积、提升加载效率、增强缓存复用且不牺牲可维护性，具体包括代码分割与按需加载、TreeShaking、按需引入、依赖替换、压缩传输优化及持续分析协作。
-
适配器模式通过创建中间层将不兼容接口转换为统一接口，使对象可协同工作。例如用userAdapter将旧用户数据{name,age}转为新格式{fullName,userAge}；又如封装Google和百度地图服务，通过mapAdapter统一调用show方法，屏蔽参数差异。适用于整合遗留系统、封装第三方库、多平台兼容及测试模拟，提升系统解耦性、可维护性和扩展性。
-
阴影颜色由box-shadow属性的color参数定义，置于语法末尾，可使用十六进制、rgb/a、hsl/a或关键字表示，推荐用rgba控制透明度以获得自然效果。
