javascript - 在脚本运行时保持 UI 更新

Question

我通过谷歌的地图 api v3 使用谷歌地图。我需要为每个菜单项添加一个叠加层。每次单击该项目时，都会加载新的叠加层/热图。这可行，但标记/热图点的加载会冻结 UI。

有没有办法阻止这种情况，比如在后台线程中更新？我知道 JavaScript 并不真正支持线程，但你知道一些技巧吗？

Answer 1

您可以尝试研究 WebWorkers。

或者您可以将您的工作拆分为单独的块，并在下一个块之后使用 setTimeout 调用每个块，超时为 0。

setTimeout( function() { executeNextChunk(); }, 0 )

这使浏览器有时间在调用之间做其他事情。