CPU 和一个文件的内存使用 javascript

CPU and memory usage of a file javascript

我做了我的第一个 canvas，你可以在这里看到它 My Canvas。 canvas 的主要思想是，当您将光标移到点上时，它们会脱离它。 我现在想知道我的 canvas 将使用用户 PC 的资源多少。例如，RAM、CPU 或 GPU。 特别是，在我的脚本中有一个函数每 7 毫秒调用一次：

setInterval (spiderFree, 7);

我想知道这对计算机来说是多么昂贵。 但是问题是，如何控制我的脚本对电脑资源的消耗呢？

你应该看看 this article from Paul Irish on his requestAnimationFrame cross-browser shim。

它将首先尝试根据浏览器功能优化框架，同时向后兼容旧的、未启用 GPU 的浏览器。

来自jQuery ticket：

好处：

  • 让浏览器选择最佳 'animation tick' 速率（而不是我们的 任意 13ms)

  • 切换标签页时大大减少动画CPU的使用

  • 帮助保持动画同步

  • 索赔福利的完整列表 这里

这是确保动画的最佳帧速率和资源利用率的'industry standard'方法。

除了 Alex 的好回答之外，请记住您可以使用 Firefox 的开发人员工具 (F12)。您可以使用“性能”选项卡来准确查看代码的执行时间，以及哪些部分花费的时间最长。您还可以使用 Canvas 选项卡来分析帧。 （您需要从“设置”选项卡启用这些功能）。