HTML/Javascript系统，用于同一页面中的许多不同弹出窗口和小部件

我正在制作一个HTML5页面（游戏），它使用大量弹出窗口和各种小部件在同一页面中出现和消失

为了实现这一点，我可以

• 在页面中列出所有的弹出窗口和小部件，它们是不可见的（就像我看到的很多例子），并且只保持切换可见性

• 使用Javascript动态添加和删除。我可以将每个弹出窗口作为HTML片段放在一个单独的文件（？）中

秒是“模块化”的，我喜欢页面中没有我没有实际使用的元素。但我不知道性能（每次加载HTML、DOM插入等）

---

是否有一种首选的/标准的方法来实现这一点？

如果我们讨论的是从服务器加载HTML，那么显然这是没有效率的

我不知道你在写什么样的游戏，但我不认为在性能上会有任何明显的差异（除了从服务器加载数据），除非你每秒创建数千个弹出窗口（我对此表示怀疑）。老实说，您的游戏没有使用4GB内存。：）如果是，那么你可能做错了什么。我认为没有任何标准的方法。这更像是你的感受。：）

例如，我总是尝试用一个请求从服务器加载所有可能的数据，并将其存储在客户端，因为大多数性能问题实际上与客户机-服务器通信有关。我也喜欢DOM是干净的，所以在大多数情况下，我用JavaScript保存（隐藏的）数据，表单的隐藏字段除外

另一方面，如果我有一个带有讨论的博客，并且我加载了一些额外的数据（例如用户数据，它应该在点击用户名后显示为弹出窗口），我倾向于将其存储在DOM元素中，因为它更容易（至少对我来说）控制它（我说的是jQuery和jQuery UI）

请注意，重新创建弹出窗口可能会导致内存泄漏，但如果您使用一些流行的库，例如jQuery UI，则这种情况极不可能发生