img图片丢失后默认图
发表于|更新于
|浏览量:
万物并育而不相害,道并行而不相悖。一一《礼记》
我们在使用img标签时经常会遇到图片丢失等情况,我们可以给图片设置一个默认图
写法如下:
1 | <img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> |
这时候我们并没有给src属性赋值,导致触发onerror事件,执行了其中的js

当然如果我们是正常的图片,是无影响的

相关推荐
2024-12-28
n8n
人活一生,值得爱的东西很多,不要因为一个不满意,就灰心。——路遥 Github: https://github.com/n8n-io/n8n官网: https://n8n.io/ 最近在探索工作流自动化时,我发现了一个非常有趣的开源工具——n8n。它是一个低代码(Low-Code)工作流自动化平台,可以帮助开发者和业务人员以非常简单的方式创建自动化流程,连接不同的应用程序和服务。n8n的设计理念是为了让复杂的工作流变得简单易用,同时也支持高度的自定义,非常适合需要快速集成多个系统的场景。 n8n的特点非常突出。首先,它是完全开源的,你可以自由地修改和扩展它的功能。其次,n8n支持几乎所有主流的API和服务,比如Google Sheets、Slack、GitHub、AWS、Twitter等。对于每个服务,n8n都有一个内置的节点(Node),用户只需要简单地配置这些节点,就可以实现系统间的数据交换和自动化操作。 n8n的界面非常直观,提供了一个可视化的工作流编辑器,可以通过拖拽的方式连接不同的节点来定义工作流。对于不熟悉编程的用户来说,这种方式非常友好;而对于开发者,n8n也提...
2022-07-12
teleport
你之前学了啥跟你以后能学啥没有什么本质联系——尤雨溪 顾名思义,teleport汉译过来就是传送的意思 官方文档:https://v3.cn.vuejs.org/guide/teleport.html#teleport 它可以将我们的元素传送到指定地点: 例如我们要实现一个挂载在body上的模态框,就可以使用teleport: 12345678910111213141516171819202122232425262728const app = Vue.createApp({});app.component('modal-button', { template: ` <button @click="modalOpen = true"> Open full screen modal! (With teleport!) </button> <teleport to="body"> <div v-if=&quo...
2021-11-02
vue父组件调用子组件方法
抱怨身处黑暗,不如提灯前行。——刘同 首先是官方文档 这里使用ref属性去访问子元素 1<hello-world ref="helloWorld" msg="Hello World"></hello-world> 然后打印一下 1console.log(this.$refs.helloWorld); 可以看到成功获取到 再到子组件定义一个方法: 父组件访问: 效果:
2021-08-21
Failed to resolve loader: less-loader
但愿苍生俱饱暖,不辞辛苦出山林。一一于谦 本来我今天遇到这个问题了 1Failed to resolve loader: less-loader You may need to install it 我一看:你可能需要安装一下less-loader,我直接输入命令安装 1cnpm i less-loader 执行完毕,再次运行发现报错信息变了: 1TypeError: this.getOptions is not a function 原来是版本太高了,于是卸载 1cnpm uni less-loader 然后安装低版本的 1cnpm i less-loader@6.0.0 再次启动就好了
2023-11-15
emberjs
合抱之木,生于毫末;九层之台,起于累土;千里之行,始于足下。——老子 分享一个js框架 https://emberjs.com/ Ember.js 是一个高效的、经过实战考验的 JavaScript 框架,用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。 它的语法: 123456789import Route from '@ember/routing/route';export default class IndexRoute extends Route { async model() { return { title: 'Grand Old Mansion' }; }} 对应的页面 1<h1>{{@model.title}}</h1> 使用的是.hbs后缀的模板文件,语法和vue有些异曲同工之妙,是一个很值得学习的库 其emberjs约定大于配...
2021-06-24
Number
人生遇到瓶颈时,上进心是最大的煎熬。——颜如晶 我们可以使用Number()函数将字符串转换为数字

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog