javascript - WinJS setInterval() 挂起

Question

我正在努力创建自定义 UI 光标。光标位置是通过每 5 毫秒检查一些输入值并调整 DOM 元素上的 style.top 和 style.left 属性来确定的。通常这工作得非常顺利，但是我发现光标有时会挂起。我不太确定是什么原因造成的，但它似乎与 WinJS.xhr() 调用中请求缓慢返回有关。

有没有更好的方法来更新我的光标 UI，使其保持平稳运行？我可以使用另一个线程吗？

Answer 1

请注意，5 毫秒对于屏幕刷新周期来说太快了。 60Hz 屏幕的刷新间隔最高为 16.7 毫秒，因此没有理由使用更短的间隔。在这种情况下，您希望使用 requestAnimationFrame 而不是 setInterval，因为这样您就知道您的 UI 工作将与屏幕刷新保持一致。否则，由于未对齐，您肯定会在光标动画中丢失一些帧。

不过，UI 线程上的任何阻塞工作都会阻塞光标刷新。 WinJS.xhr 不一定是这里的直接罪魁祸首——它基本上是 XMLHttpRequest 的包装器，它本身是一个在另一个线程上工作的异步调用。 但是，处理该请求结果的代码——也就是说，无论 WinJS.xhr 返回的 Promise 的完成处理程序中包含什么，都会在用户界面线程。因此，如果您在那里做大量工作，您可能会阻塞一些刷新周期

不幸的是，JavaScript 不允许您直接访问创建单独的线程。 WinJS。然而，确实为此目的提供了调度程序机制。查看http://msdn.microsoft.com/en-us/library/windows/apps/dn301978.aspx还有http://try.buildwinjs.com/default.aspx#scheduler 。我还在 Windows 开发博客上写了一篇文章:Managing the JavaScript UI thread with the WinJS Scheduler .

您在这里要做的是以高优先级运行动画代码，并以正常或较低优先级运行 WinJS.xhr 完成的处理程序。