在腳本運行時保持UI更新

Question

我正在通過Google Maps API v3使用Google Map。 我需要為每個菜單項添加一個疊加層。 每次單擊該項目時，都會加載一個新的疊加/熱圖。 這可行，但是標記/熱圖點的加載會凍結UI。

是否有任何正當性來防止這種情況發生，例如在后台線程中進行更新？ 我知道JavaScript並不真正支持線程，但是您知道一些技巧嗎？

Answer 1

您可以嘗試研究WebWorkers。

或者，您可以將工作分為多個單獨的塊，並在下一個塊之后使用setTimeout（超時為0）調用每個塊。

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

這使瀏覽器有時間在兩次調用之間執行其他操作。