javascript - Angular:如何缓存图像?

标签 javascript angular caching

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

这可以用 Angular 实现吗?

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

最佳答案

You can use - HTML manifest Attribute

manifest 属性指定文档缓存 list 的位置。

HTML5 引入了应用程序缓存,这意味着 Web 应用程序会被缓存,并且可以在没有互联网连接的情况下访问。

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

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

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

详细了解看这篇博文:https://www.html5rocks.com/en/tutorials/appcache/beginner/

关于javascript - Angular:如何缓存图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44469232/

相关文章:

javascript - 如何将 'clear results' 按钮移动到 Google 的 CSE 中的结果?

javascript - 鼠标悬停在菜单项上可以触发另一个元素的 native ":hover"状态吗?

Angular:URL 更改不会在第一次重新加载页面

angular - 使用 Angular ErrorHandler 并映射错误结果

SQL执行计划缓存

Javascript 对象声明帮助

javascript - 在 Javascript 和服务器端语言之间表示数据

angular - typescript /Angular 2 : Property is missing in type

caching - infinispan和Jboss缓存对比

mysql 从缓冲中排除模式