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

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

【现象】:

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

【具体原因】:

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

【解法】:

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

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

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

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

相关推荐
DKPT3 小时前
Java桥接模式实现方式与测试方法
java·笔记·学习·设计模式·桥接模式
巴伦是只猫5 小时前
【机器学习笔记Ⅰ】13 正则化代价函数
人工智能·笔记·机器学习
X_StarX11 小时前
【Unity笔记02】订阅事件-自动开门
笔记·学习·unity·游戏引擎·游戏开发·大学生
MingYue_SSS11 小时前
开关电源抄板学习
经验分享·笔记·嵌入式硬件·学习
巴伦是只猫11 小时前
【机器学习笔记 Ⅱ】1 神经网络
笔记·神经网络·机器学习
weixin_4373982112 小时前
转Go学习笔记(2)进阶
服务器·笔记·后端·学习·架构·golang
teeeeeeemo13 小时前
回调函数 vs Promise vs async/await区别
开发语言·前端·javascript·笔记
致***锌16 小时前
期权标准化合约是什么?
笔记
Wilber的技术分享17 小时前
【机器学习实战笔记 14】集成学习:XGBoost算法(一) 原理简介与快速应用
人工智能·笔记·算法·随机森林·机器学习·集成学习·xgboost
V我五十买鸡腿19 小时前
顺序栈和链式栈
c语言·数据结构·笔记·算法