在脚本运行时保持UI更新

Question

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

是否存在任何阻止这种情况的优势，就像在后台线程中更新一样？我知道JavaScript并不真正支持线程，但你知道一些hacks吗？

Answer 1

您可以尝试研究WebWorkers。

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

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

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