javascript - 为 Javascript 游戏显示卡片图像的最有效方式

Question

如果我有一些用于 Javascript 游戏的卡片图像，显示这些图像的最有效方式是什么？
最好只创建一个具有相同图片 URL 的新对象吗？
我是否应该预加载所有图像然后隐藏它们并克隆图像对象的实例？
还有其他方法吗？

Answer 1

• 当然要预加载它们。
• 尽可能使用 sprite，例如，您可以将每件套装加载到一张图片中。然后你可以加载每张卡片作为 div 的背景。
• 只要您从同一 URL 加载图像。浏览器应该使用客户端本地缓存的文件，而不是从服务器请求它。
• 克隆应该不错，但必须是深度克隆，否则操纵一个会影响所有其他克隆。