-
mix-blend-mode通过元素与背景的叠加混合间接改变颜色视觉效果，需配合背景或堆叠内容使用，常见模式如multiply变暗、screen提亮、overlay增强对比、color上色、luminosity转黑白，适用于创意设计中的视觉融合。
-
Math对象提供静态数学方法：Math.round四舍五入、Math.floor向下取整、Math.ceil向上取整、Math.trunc截断小数、Math.pow或**求幂、Math.sqrt开方、Math.abs取绝对值、Math.max/min找极值；注意类型转换、边界行为及浮点精度问题。
-
HTML5的pattern属性本质是RegExp.test()的封装，仅在表单提交时对input.value执行全匹配校验，自动添加^和$锚点，不改变正则引擎、语法限制或错误行为，且必须配合title提供有效提示。
-
用flex实现首字母居中需设display:flex、justify-content:center、align-items:center，父容器须显式定义等宽高（如40px），并加border-radius:50%；推荐结构为<divclass="avatar">A</div>，样式全写在.avatar上。
-
inline-block元素可设宽高且同行排列，通过margin控制间距，需处理换行导致的默认空白，适用于导航栏等水平布局场景。
-
text-decoration-color在现代浏览器中支持transition，但需显式设置初始颜色并配合transition使用，推荐优先采用border-bottom或background方案以获得更好的兼容性和动画控制，如实现下划线颜色渐变与长度生长效果。
-
答案：通过CSS的animation与opacity属性实现轮播图淡入淡出效果，利用绝对定位将多张图片叠放在同一位置，结合@keyframes定义透明度变化动画，设置每张图在特定时间段内opacity为1、其余为0，并通过animation-delay错开播放时机，实现平滑过渡。以3张图为例，总周期9秒，每张停留3秒，关键帧控制显示区间避免重叠，配合ease-in-out缓动和交叉溶解优化视觉体验，同时使用will-change提升性能，适用于轻量级、静态内容轮播场景。
-
用border画三角形最稳，因不依赖伪元素、不触发重排、高DPI下不糊；伪元素在移动端易定位漂移、缩放发虚、iOSSafari偶发空白。
-
BOM核心包括window、location、history等对象：window为全局对象，控制窗口操作；location管理URL跳转与刷新；history实现页面导航；navigator和screen提供环境信息。掌握其用法可有效控制浏览器行为，注意replace不可后退、close仅限脚本打开窗口。
-
发布订阅模式通过事件总线将强耦合降为对总线的弱依赖，但需规范事件名、可控生命周期、避免滥用；props/$emit在深层或跨级组件通信时导致中转污染与父组件职责膨胀，易引发生命周期错位和调用链断裂。
-
答案：:nth-child(an+b)可按周期a和偏移b为元素设置循环样式，如3n+1选第1、4、7…项，常用于隔行变色；需注意同级子元素计数受其他标签影响，可用:nth-of-type或结合类名提高准确性。
-
JS动画核心是requestAnimationFrame，它同步屏幕刷新率实现60fps平滑动画；应操作transform和opacity等合成属性避免重排，CSS动画适合简单状态切换，JS动画适合动态交互控制。
-
掌握D3.js需理解其数据驱动DOM的核心，通过data()绑定数据，运用enter-update-exit模式实现动态更新；结合比例尺scale将数据映射到视觉空间，正确设置domain与range；利用d3.axis生成坐标轴，配合transition()实现平滑动画；进阶可学习力导向图d3.forceSimulation()和地理投影d3.geoPath()构建复杂可视化；建议从官方示例修改起步，逐步掌握模块化开发。
-
在Electron多窗口场景下，使用Mousetrap绑定全局快捷键（如ESC）时，若未正确限定作用域，会导致所有窗口同时响应并关闭；本文提供基于窗口焦点的IPC通信方案，确保仅关闭当前聚焦窗口。
-
HTML乱码根本原因在于文件实际编码、HTTP响应头、外部资源三者未对齐；需依次验证file-i确认真实编码、Network面板检查Content-Type头、确保JS/CSS/JSON等外部文件同为UTF-8无BOM。
