会，资源重试本身不直接挂载DOM，而是通过脚本重载、iframe重加载或图片error后fallback等逻辑重复执行innerHTML或appendChild，导致节点多次插入。
资源重试会触发多次 DOM 挂载吗？
会，但不是资源本身直接挂载，而是重试逻辑（比如脚本重载、iframe 重加载、图片 error 后 fallback 替换）导致 innerHTML 或 appendChild 被重复执行，从而把同一组节点插入多次。典型表现是：页面上突然出现两份广告位、重复的按钮、双倍列表项。
如何用 Chrome Network 的 Initiator 定位重试源头
第三方脚本或动态加载逻辑常在 error 或超时后自动重试，但不会告诉你它干了什么。打开 DevTools → Network → 勾选 “Preserve log” → 刷新页面 → 找到重复请求（状态码可能是 200，但发起时间间隔极短），点击该请求 → 看右侧面板的 Initiator 列：
- 如果是
script，点进去看调用栈，重点搜retry、load、insertAdjacentHTML、innerHTML = - 如果是
iframe，检查其src是否被反复赋值（比如iframe.src = url + '?t=' + Date.now()） - 如果是
img，检查是否监听了error并执行了el.parentNode.appendChild(newImg)却没先移除旧节点
innerHTML += 是重复挂载的高危写法
很多重试逻辑用 element.innerHTML += htmlString 拼接内容，这会导致每次重试都追加一次，而非替换。更糟的是，如果原内容含事件绑定，新插入的节点不会继承，老节点还留在内存里——造成 DOM 泄漏 + 视觉重复。
- ✅ 改成
element.innerHTML = newHtml（注意：会销毁所有子节点引用） - ✅ 或用
element.replaceChildren(...nodes)（现代浏览器支持，安全清空并替换） - ❌ 避免在重试回调里直接操作
document.getElementById('ad-container').innerHTML += ... - ⚠️ 如果必须增量更新，先
element.textContent = ''清空，再element.append(...)插入新节点
DOM 复用池里没清干净也会导致“假重复”
你用了 domPoolFactory，但 recover() 只清了 textContent 和 innerHTML，却漏掉了 dataset、className、style.cssText 或自定义属性。下次 create() 拿出来的节点可能带着旧状态（比如 data-loaded="true"），被业务逻辑误判为“已挂载”，又走一遍插入流程。
立即学习“前端免费学习笔记（深入）”；
- ✅
recover()必须重置所有可变状态：node.dataset.index = ''、node.className = ''、node.style.cssText = '' - ✅ 如果节点绑过事件，回收前务必
node.removeEventListener('click', handler)；取出后才重新绑定 - ⚠️ 不要在
createFn里绑定事件——那是池外职责，池只管结构复用
body 的过度监听里。别只盯着 Network，顺手在控制台跑一遍 (function walk(n) { if (n.children.length > 1 && n.children[0] === n.children[1]) console.log('疑似重复:', n); for (let c of n.children) walk(c); })(document.body)，有时比读压缩代码快得多。 
