Angular:如何缓存图像?

use*_*728 5 javascript caching angular

我正在开发一个网络应用程序,我需要缓存图像,以便在用户关闭并再次打开网站时不需要时间加载。再次打开网站时,应该从缓存中加载图像,而不是再次重新加载。

这可以用 Angular 来实现吗?

我在网上搜索了很多,但还没有找到合适的解决方案。

Yat*_*tel 3

您可以使用 - HTML 清单属性

Manifest 属性指定文档的缓存清单的位置。

HTML5 引入了应用程序缓存,这意味着 Web 应用程序会被缓存,并且无需互联网连接即可访问。

应用程序缓存为应用程序提供了三个优势:

  • 离线浏览 - 用户可以在离线时使用应用程序 速度 - 缓存资源加载速度更快
  • 减少服务器负载 - 浏览器只会从服务器下载更新/更改的资源
  • 清单属性应包含在您想要缓存的 Web 应用程序的每个页面上。

清单文件是一个简单的文本文件,其中列出了浏览器应缓存以供离线访问的资源。

详细理解阅读这篇博客:https://www.html5rocks.com/en/tutorials/appcache/beginner/