Open Source Daily Issue 1082: Deep Learning Framework: 'transformers.js'
内容提要
开源日报第1082期推荐了开源项目《transformers.js》，该项目使用ONNX Runtime在浏览器中运行模型。英文原文《Top Three Causes of Memory Leaks in JavaScript》介绍了JavaScript中内存泄漏的三个主要原因：未清除的定时器和计时器、悬挂的事件监听器以及闭包。文章还提到了Chrome DevTools Memory Profiler作为开发者的有用工具。
延伸解读
浏览器端运行模型的新选择
Transformers.js 利用 ONNX Runtime 在浏览器中直接运行模型，无需后端服务器。它支持将 PyTorch、TensorFlow 或 JAX 预训练模型通过 🤗 Optimum 转换为 ONNX 格式，从而在客户端实现推理。这为需要隐私保护或低延迟的应用提供了新思路，但模型大小和浏览器兼容性仍是实际部署时需考虑的因素。
内存泄漏的三大常见诱因
文章指出 JavaScript 内存泄漏主要源于未清除的定时器、悬挂的事件监听器和闭包。定时器未用 clearInterval 或 clearTimeout 清理会持续持有引用；事件监听器在 DOM 元素移除后未解绑仍驻留内存；闭包可能无意间保留大对象或 DOM 元素。开发者应在组件销毁时主动清理这些资源。
工具辅助与预防意识
Chrome DevTools Memory Profiler 能帮助开发者跟踪内存使用、发现泄漏点。尽管现代 JavaScript 引擎的垃圾回收已很先进，但仅依赖自动回收并不足够。定期进行内存分析，尤其在开发阶段，可以提前发现潜在问题。良好的内存管理习惯仍是保证应用性能的关键。
Q&A
transformers.js 是什么？它有什么用途？
transformers.js 是一个开源项目，它使用 ONNX Runtime 在浏览器中运行模型。它可以将预训练的 PyTorch、TensorFlow 或 JAX 模型转换为 ONNX 格式，从而方便地在浏览器中部署。
JavaScript 中内存泄漏的主要原因有哪些？
JavaScript 中内存泄漏的三个主要原因是：未清除的定时器和计时器、悬挂的事件监听器以及闭包。
如何避免未清除的定时器导致的内存泄漏？
开发者应确保在不再需要定时器时，使用 clearInterval 和 clearTimeout 来清除它们，特别是在相关任务或组件被销毁时。
悬挂的事件监听器为什么会导致内存泄漏？如何解决？
当 DOM 元素被移除后，如果事件监听器没有被移除，它仍然会保留在内存中，并可能引用其他对象，导致内存泄漏。解决方法是在不再需要监听器或元素被移除时，使用 removeEventListener 来移除监听器。
闭包如何导致内存泄漏？应该注意什么？
闭包可能会无意中保持对大型对象或 DOM 元素的引用，导致这些对象无法被垃圾回收，从而引起内存泄漏。开发者需要注意闭包所引用的内容，并在闭包不再需要时（例如作为事件监听器时）及时移除。
有哪些工具可以帮助检测 JavaScript 内存泄漏？
Chrome DevTools Memory Profiler 是一个有用的工具，可以帮助开发者跟踪内存使用情况、发现内存泄漏并了解应用程序的整体内存占用。定期进行性能分析可以在开发阶段预防内存问题。
