流式解析需避免缓存node引用，gumbo-parser须手动释放内存，replacechildren比innerhtml更安全，检测泄漏应盯$$('*').length。
htmlparser2 流式解析时别缓存 node 引用
流式解析不是内存安全的代名词。你在 onopentag 或 ontext 回调里把整个 node 对象 push 到数组、塞进 Map、甚至赋值给闭包变量，V8 就无法回收它及其所有子节点——哪怕 DOM 已从页面移除。
常见错误现象：
-
nodeCache.set(node, data)后没在节点销毁时调用nodeCache.delete(node) -
onopentag中执行allNodes.push(node)，后续再也没清空 - 用
node本身作Map键（map.set(node, ...)），导致整棵子树被强引用
正确做法只提取字段：
- 取
node.attribs.href、node.children[0]?.data这类原始值 - 用栈记录路径（如
['html', 'body', 'main', 'article']），匹配后立即清空 - 避免任何对
node、node.parent、node.next的长期持有
gumbo-parser 解析后必须调用 gumbo_destroy_output
gumbo_parse() 返回的是 C 层指针 GumboOutput*，Node.js 绑定层不会自动释放。不手动调用 gumbo_destroy_output()，整棵树就一直卡在堆外内存里，V8 GC 完全看不见。
典型误用场景：
- 把
GumboOutput*存进global.cache或模块级变量 - 解析 PDF 响应（
Content-Type: application/pdf）却仍传给gumbo_parse()，触发底层string_buffer.c整数溢出，malloc 分配远小于预期 - 响应是 chunked 编码但没做字节计数，读到几 MB 还在继续喂给解析器
实操建议：
- 解析前双校验：
response.headers.get('content-type')?.includes('text/html')+response.headers.get('content-length') - 若
Content-Length为null，需手动累计读取字节数，超 1MB 立即中断 - 调用完
gumbo_parse()后，必须紧跟gumbo_destroy_output(output)
动态插入 HTML 时 replaceChildren 比 innerHTML 更可控
innerHTML = htmlString 只清结构，不触发生命周期清理；旧节点仍可能被 JS 引用滞留。而 replaceChildren() 会同步卸载旧子树所有事件监听器、定时器和关联资源。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
容易踩的坑：
- 写成
el.replaceChildren(htmlString)→ 报错，replaceChildren()不解析字符串 - 仍用
items.map(i => `<div>${i}</div>`).join('')拼接再传入 → 实际又走了一遍innerHTML路径 - 在 IE 或旧 WebView 中直接使用，未做能力检测
正确姿势：
- 先检测：
if ('replaceChildren' in Element.prototype) - fallback 方案用
while (el.firstChild) el.removeChild(el.firstChild) - 真要拼接，用
document.createElement()显式创建每个节点，再统一传入
确认泄漏别看任务管理器 MB 数，盯死 $$('*').length
浏览器任务管理器里的内存数字干扰项太多。真正低开销、高确定性的信号是 DOM 节点总数是否持续增长。
操作步骤：
- 打开控制台，执行
$$('*').length记下基线（比如 8421） - 执行一次完整闭环：加载含大量内容的页面 → 滚动 → 返回 → 等待 1 秒
- 再执行
$$('*').length，若每次稳定增加（如 +480），说明 Detached 节点没释放
此时立刻切到 Memory 面板拍两个 Heap Snapshot，Comparison 视图筛选 HTMLAnchorElement 或 Text，看 Delta 是否正向线性增长——这才是泄漏的铁证。
深层 DOM 中 parentNode 链一旦断裂，只要 JS 还存着任意一环的引用，整条链都会驻留。这不是解析器的问题，是你没切断那根最细的线。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
