jquery - 移动和隐藏/显示谷歌地图 div 的成本

Question

我的应用程序是单页应用程序 (backbone.js)，它使用存储在 #map_canvas div 内的 Google map 。

该应用程序有 3 个主要 View :

• Google map View 。
• 没有 map 的 View 。 (即#map_canvas被隐藏)
• 在分割中包含 map 的 View 。 (我将 #map_canvas div 附加到另一个 div)

所以基本上我有 3 个主要的 dom 操作:

1. 隐藏 map
2. 显示 map
3. 将 map 附加到另一个 div

我的问题是，这些操作的成本有多大？

Answer 1

它们的成本有多高？几乎可以忽略不计。我认为您不关心隐藏和显示，因为它非常简单，并且执行时间几乎为 0。但我认为您担心在 DOM 内重新定位 div 以将其附加到另一个 div。这应该不会花费时间，因为 Maps API 已经加载，因此移动它不会干扰 Maps API。

如果您使用 jQuery，那么只需继续执行即可，您不必担心，因为 jQuery 使用最快的方法

如果您想出于设计目的附加另一个 div，我建议您编写另一个 css 并加载它，而不是附加 div，这将立即(加载 css 时)更改您想要的 div 的设计。