刷新页面一次,错误地进行了多次重复调用后端服务

检查页面是否存在 src="" 或 src="#"。

【现象】:

调用这个页面的URL 的时候,如果监视网络活动,会发现,网页被调用了2次。如果该访问该网页的URL 还带有参数,那么第一次调用有参数,第二次调用没有参数。

【具体原因】:

在img 对象的src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。

【解法】:

(1)主动设置一个默认的值,可以考虑在本地放一个 缺省展示的小图标,把小图标的路径地址放入 src="" 中。既然开始设置了 src="" 那么,是不显示出来的,往往是实时计算加载的,那缺省值对应的资源也大概率不会展示出来(只起到,占位的作用)。

(2)仅仅更新 src="" 时,可能文件无法成功设置,根据我个人的摸索,可以考虑尝试 连同id也动态设置为 动态设置的文件路径,而控件的操作 用 name或class进行。

(3)为了减少不必要的文件存储负担,<img /> 、<video />、<audio /> 的 src="" 缺省值都用同一个 默认图片地址 也可以,不做类型检查。

引用博客:<img src=""/>引发的问题

相关推荐
码途漫谈28 分钟前
Easy-Vibe开发篇阅读笔记(四)——前端开发之结合 Agent Skills 美化界面
人工智能·笔记·ai·开源·ai编程
糖炒栗子03263 小时前
【笔记】高分卫星影像 TIF 切片处理
笔记
Nice_Fold3 小时前
Kubernetes DaemonSet、StatefulSet与Service(自用笔记)
笔记·容器·kubernetes
ZhiqianXia6 小时前
《The Design of Design》阅读笔记
前端·笔记·microsoft
祁白_7 小时前
nmap工具笔记整理
笔记·web安全·测试
南境十里·墨染春水7 小时前
C++笔记 STL——set
开发语言·c++·笔记
d111111111d7 小时前
直流电机位置式 PID 控制 和 舵机的区别
笔记·stm32·单片机·嵌入式硬件·学习
LZYmarks7 小时前
小白买车笔记
笔记
码途漫谈8 小时前
Easy-Vibe开发篇阅读笔记(二)——前端开发之Figma与MasterGo入门
人工智能·笔记·ai·开源·ai编程·figma
LaLaLa_OvO8 小时前
jetbrains 的 datagrip 导出csv,中文乱码
笔记