Javascript 确保内容可以在时间有限的环境中提供的最佳方法？

我目前正在开发一个需要使用图像的HTML/Javascript游戏。用户有一定的时间回答问题。我想问的是，下载和缓存文件并确保它们准备就绪的最佳方式是什么？我要找的是AppCache吗

您需要延迟游戏循环的执行，直到加载所有必需的资源。希望您的代码已经足够模块化，可以实现这一点

当位于图像元素的

src

处的资源已下载时，浏览器触发事件。使用此事件，您可以创建基本预加载解决方案：

var img=newimage（）；
img.onload=函数（）{
log（'Image-loaded！'）；
};
img.src='/images/my image.jpg'；

展开此解决方案以迭代所有资产。加载后，调用开始游戏循环的代码

有许多预构建的解决方案可用：

---

AppCache可能是杀伤力过大，而且很容易出错。简单地预加载图像（允许浏览器自动缓存）并将游戏数据加载到内存中（使用AJAX获取带有问答数据的JSON）听起来更合适。