2

我正在编写一个 CPU 密集型 javascript 应用程序。我遇到了一个问题，有时在 CPU 密集型计算发生时 UI 被锁定。我知道解决这个问题的标准方法是调用setTimeout并让事件循环响应 UI 事件。但是，这对我不起作用，这就是原因。

当页面加载时，javascript vm 需要对数据块进行大量解析和分析。这是真正的背景资料，我正在调用setTimeout运行每个块。但是，这意味着用户在完成所有块（对于大文件可能长达 10 秒）和每次保存之前都会获得非常不稳定的 UI 体验。这是不可接受的。

我能想到 2 个解决方案，但我都不喜欢：

  1. 对块更细化，从而为事件循环提供更多运行机会。但是，我不喜欢这样，因为 cpu 代码已经相当复杂，但它通常运行良好。在整个 cpu 绑定代码中调用setTimeout会使它变得更加复杂
  2. 在服务器上做更多的工作。但是，我正在运行节点服务器，这只会将问题从客户端推送到服务器，并增加带宽增加的问题。

在传统的基于线程的 VM 上解决此问题将是微不足道的。我应该为 Javascript 做什么？

更新：

有几点我忘了说：

  • 我们不关心旧版浏览器，所有用户都需要使用现代的 Firefox、Chrome、Opera、Safari、IE 等。
  • 我们最初的原型将客户端和服务器放在一起，但应该没有什么可以阻止我们迁移到远程服务器。
  • 数据存在于客户端（嗯......显然，如果客户端和服务器是同一台机器，但即使我们移动到远程服务器也是如此）。

Webworkers 可能是解决方案，但它们看起来仍然不稳定。有没有人有他们的经验？它们稳定吗？哪些现代浏览器不能很好地支持它们？他们有什么普遍的问题吗？

4

1 回答 1

5

根据此应用程序是否会公开，您必须决定是否可以使用 Web Workers、进一步拆分数据或进行服务器端处理。对于现实世界的应用程序，真正的解决方案是在服务器上进行大量计算，因为您不能指望用户拥有最新的处理器，它可能只是一个上网本，可能只会咳嗽几次然后崩溃。

当您可以确定用户拥有支持它的最新浏览器时，Web Workers 将是一种解决方案，但是如果不是这样，则无法像大多数 HTML5 一样对其进行填充。

根据我对您的应用程序的了解，我会说您应该将预先计算的数据发送给客户端。此外，Node.js 不擅长进行核心计算，因此您可能需要查看服务器上的不同数据处理选项。另外，我认为带宽不会成为问题，因为无论如何您都必须向客户端提供初始数据。处理后的数据有多大？

于 2012-06-07T21:25:06.687 回答