图片缓存的疑问

来源:3-5 通过图片名动态加载图片代码实现-3

hmxs_hmbb

2天前

我对项目上线之后的本地缓存有些疑惑

static storageLmgList() {
  ImgUtil.imgList = goodsStorage.get('imgList') || {}
  if (this.isEmpty()) {
    this.loadAllLmg()
    // 在开发环境下, 本地缓存中存储的是这样的 adv.png: "/src/assets/img/adv.png" key value 键值对
    // 比如说我们将图片打包到 dist/assets 文件夹中
    // 那么在生产环境下 loadAllLmg 这一个方法调用之后, 本地缓存的应该是这样的 'adv.g7h8i9.png': '/assets/adv.g7h8i9.png' 键值对吧
    goodsStorage.set('imgList', ImgUtil.imgList)
  }
}

前端项目打包好了上传到服务器中了, 那 img 标签在拿到 ‘/assets/user.g7h8i9.png’ 这样一个图片访问路径之后, 不还是要发送请求这种图片吗, 那这里的缓存还有什么意义呢
我对于项目打包知识的了解很少, 还请老师讲解一下

写回答

1回答

keviny79

2天前

    所有图片会预先加载到imglist缓存中,运行时所有页面图片src是直接从imglist缓存中取图片,提升获取速度,当项目重新编译加载后,会再次加载。
0
0

前端高手养成计划-从前端到后端,全栈开发大型项目

从纯前端到“真正懂后端的前端”

215 学习 · 136 问题

查看课程