javascript - 在前端缓存动态生成的图像

Question

我目前正在处理以下情况:我有一个包含 N 个实体的 Ember 前端，用户可以查看每个实体的动态生成的图表图像。为此，当用户想要查看某个实体的图表时，会发生以下情况:

1. 前端向后端端点发送生成图表图像的请求
2. 然后，该图像作为 Base64 编码图像在端点响应中传递到前端
3. 前端显示此图像
4. 现在，用户可以选择新实体等。

目前，无论该实体的图表是否已被查看过，用户都必须等待图表图像加载 3-5 秒。这很烦人:WAITING查看实体 A 的图表，然后等待查看实体 B 的图表，如果您想再次查看实体 A，则再次等待，等等。

我想以某种方式在前端缓存已经查看过的图像，以避免这种等待时间。 (图像的内容不会经常更改，也许一天一次左右，所以这不是问题)。

这可以用 Ember 来完成吗？或者我是否从错误的 Angular 看待这个问题并且需要完全不同的策略？

Answer 1

首先使用.peekRecord()并检查是否有结果。如果它在 ember 商店上，它会向您显示。您可以在 Ember 检查器上直观地看到您是否正确缓存。