图片加载失败时怎么优雅地显示默认图？
我在用原生JS动态渲染用户头像，但有些图片链接失效了，页面就直接裂图很难看。试过在img标签上加onerror，但好像没生效？是不是写法有问题？
这是我的代码：
const img = document.createElement('img');
img.src = user.avatarUrl;
img.onerror = () => {
img.src = '/default-avatar.png';
};
container.appendChild(img);- 2
回答
38浏览
Vue图片懒加载时，加载失败的降级方案没生效怎么办？
我在用Vue做图片懒加载优化时，想给加载失败的图片显示默认占位图。参考了一些方案后写了类似下面的代码，但实际测试时发现图片加载失败后还是直接显示红叉，占位图没出现。试过把<img标签换成v-if...
- 2
回答
17浏览
加载失败时重试按钮没反应怎么办？
大家好，我在做一个图片加载组件时遇到了问题。当图片请求失败后，我按规范显示了错误提示和重试按钮，但点击重试按钮完全没反应，控制台也没有报错。 我用axios发起请求时这样写的： this.axios....
- 2
回答
51浏览
Vue加载失败后重试按钮点击不更新状态怎么办？
我在用Vue做图片加载功能时，遇到加载失败后重试按钮能显示但点击没反应的问题。代码逻辑是失败时显示重试按钮，点击后重置状态重新加载，但实际点击按钮后loading状态始终没变化： <templa...
- 2
回答
22浏览
响应式图片在移动端显示模糊，怎么设置才能清晰又适配？
最近在做移动端适配，发现用标签加载的图片在大屏幕显示模糊，小屏幕又撑破容器变形。试过给图片加width: 100%和height: auto，但切换到iPhone 12这种高分辨率屏还是模糊，srcs...
- 2
回答
24浏览
WebP图片懒加载时，为什么部分图片显示成空白？
我在用Intersection Observer做WebP图片懒加载时，发现Chrome能正常显示，但Firefox有30%几率显示空白图片。之前用标签的srcset属性根据浏览器支持动态切换WebP...
- 2
回答
83浏览
element-plus的el-image设置error属性后占位图没显示怎么办
在用element-plus的el-image组件时，图片加载失败后设置的error属性里的占位图完全没显示，页面上直接显示空白区域。我检查过图片路径没问题，正常访问能打开，但出错时就是不显示占位图。...
- 0
回答
4浏览
图片懒加载时占位图怎么处理才不抖动？
我在做图片懒加载，想用占位图避免布局抖动，但实际效果还是会有跳动，是不是我宽高没设对？ 试过给 img 加固定宽高，也试过用背景色占位，但图片加载完还是会“闪一下”或者把下面内容顶下去。是我哪里没考虑...
- 1
回答
6浏览
预加载图片在Vue中怎么写才有效？
我在用Vue做图片轮播，想提前加载下一张图避免切换时白屏，但加了preload好像没起作用。试过在created里new Image()，也试过在template里加，都不行。 下面是我现在的写法，是...
- 1
回答
14浏览
字体加载太慢怎么优化？
我在项目里用了一个自定义的中文字体，但页面首次加载时明显卡顿，文字会先显示默认字体再闪成自定义字体，用户体验很差。我试过用 font-display: swap，但好像没完全解决问题。 现在想用 Ja...
- 1
回答
11浏览
LCP总是超时，图片懒加载反而更慢了怎么办？
我用 IntersectionObserver 做了图片懒加载，结果 LCP 指标反而变差了，首屏大图老是加载很慢。 明明没加懒加载前 LCP 是 1.8s，现在经常飙到 3s 以上。我试过给首屏图加...
暂无解答