获得徽章 0
#每天一个知识点# ```
function importAll(r: RequireContext) {
return r.keys().map(r).filter((item: string) => item.includes('popup'));
}
// 预加载图片
const images = importAll(require.context('./assets/images/myLikeList/', false, /\.(png|jpe?g|svg)$/));
// images 为类似import引进的图片集合

1、第一种方式加载图片
images.forEach((image: string) => {
const img = new Image()
img.src = image;
img.onload = () => {
console.log('图片加载完成')
}
})
2、第二个采用dom
<img v-for="(item, index) in images" :src="item" :key="index" style="display: none" />
```
我的问题是:请问这两种方法有什么不同吗?现象是 采用第一种方式的,图片还是会重新加载,而采用第二种的没有。
展开
评论
关注了
前端工程师 @.
three.js 入门指南:github.com
1
three.js 入门指南
github.com
2
前端工程师 @.
前端工程师 @.
vite react + redux + ts 移动端脚手架 项目开箱即用

github.com
评论
react 18 + ts + redux + vite 移动端项目开箱即用脚手架

github.com
2
前端工程师 @.
前端工程师 @.
字节飞书 帮朋友内推, 诚招 服务端研发工程师 社招 应届生都可
发送简历到 tangyue5@tal.com,简历命名方式 姓名 + 岗位 + 手机号
评论
前端工程师 @.
下一页
个人成就
文章被点赞 5
文章被阅读 3,160
掘力值 70
收藏集
4
关注标签
4
加入于