A · 解答思路 用 reduce 遍历原数组，累积一个去重后的结果数组：对每一项先用 findIndex 检查结果数组里是否已经存在同名的记录——不存在就直接加入；存在则比较 createdat，当前项时间更早就用它替换已存在的记录。 示例代码
A · 解答思路 以任意一个数组的下标作为基准，遍历该下标，再从每个原数组中取出对应下标的元素，组成新的一维数组，最终汇总成二维数组。 示例代码
A · 解答思路 发起的是浏览器原生请求，无法附加自定义请求头。如果后端要求必须通过请求头传递 token，就不能直接用 标签下载，而要先用 AJAX/fetch 携带请求头去请求资源，拿到二进制数据（Blob）后再触发下载。 示例代码
A · 解答思路 遍历 obj2 自身的键，用同名键去 obj1 中取值，逐一赋值覆盖即可。 示例代码
A · 解答思路 闪烁的根本原因是第二张图片在 hover 触发时才开始加载，加载耗时导致画面出现空白/延迟。解决方向就是让第二张图片提前加载好，而不是等到 hover 时才加载。 详细说明 常见的三种解决方式： 1. CSS Sprite（雪碧图）：把两张图拼接成一张图，通过 backgro
A · 解答思路 浏览器层面无法真正“禁止”任意 JS 修改 DOM——只要脚本能拿到节点引用，就可以对其进行任意操作，这是浏览器开放能力决定的，无法从根本上阻止。可行的思路是转为监听 + 恢复，而不是阻止。 详细说明 - 直接阻止：做不到，任何运行在页面上下文中的脚本理论上都能操作 DOM。
A · 解答思路 问题的根源不是 v-model，而是新 push 进数组的对象里根本没有 price 字段，并且直接 push 了原始对象的引用，导致数据被意外污染。 示例代码
A · 解答思路 局部光照效果通常不是靠单一 CSS 属性直接实现，而是组合使用「遮罩层 + 鼠标位置计算 + 层级控制」： 1. 用一个覆盖全区域的半透明遮罩模拟“变暗”的背景； 2. 通过 JS 监听鼠标位置，动态调整光照容器的位置； 3. 如果只需要简单的聚光效果，也可以用 box-shadow 配合定位元素
A · 解答思路 让父元素成为“定位上下文”，子元素基于该上下文进行绝对定位，从而可以直接通过 left/top 或 offsetLeft/offsetTop 获得偏移量。 示例代码
A · 解答思路 jQuery 中常见的「选中一组元素再遍历处理」的逻辑，原生 JS 可以用 document.querySelectorAll 配合 Array.from 转换为真正的数组后，再调用数组的 forEach 方法来实现。 示例代码
