img图片丢失后默认图
发表于|更新于
|浏览量:
万物并育而不相害，道并行而不相悖。一一《礼记》
我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图
写法如下：
1 | <img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> |
这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js
当然如果我们是正常的图片，是无影响的
相关推荐
2021-06-27
before和after选择器
在科学上没有平坦的大道，只有不畏劳苦，沿着陡峭山路攀登的人，才有希望达到光辉的顶点——马克思 我们可以使用::before和::after去选择我们节点内部的首项或尾项 例如我这里代码如下 123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .ruben-parent { width: 100%; border: 0.1em solid #ababab; text-align: center; } .ruben-parent::before, .ruben-parent::after { margin: 0 auto; content: ''; ...
2025-07-04
react-component/form
穷则变，变则通，通则久。一一《周易》 @react-component/form：企业级 React 表单解决方案解析在前端开发中，表单组件是绝大多数业务系统的基础。无论是后台管理系统、企业信息化平台，还是各类 SaaS 产品，表单的设计与交互都与用户体验息息相关。@react-component/form（即 rc-form）是阿里巴巴开源的 React 表单组件库，专为企业级应用打造，兼具灵活性、可扩展性和易用性。本文将带你深入了解 rc-form 的核心价值、用法与最佳实践。 一、项目简介@react-component/form（简称 rc-form）是 react-component 组织维护的表单解决方案。它为 React 应用提供了高效、可控的表单状态管理和校验机制，是众多 Ant Design、AntD Pro 等企业级 UI 框架的底层依赖之一。 特点一览： 基于受控组件和高阶组件模式，灵活对接各种自定义表单控件； 内置强大的校验规则，支持同步和异步校验； 支持字段嵌套、动态增删等复杂场景； 良好的类型支持与表单数据收集机制。 二、核心特性...
2020-08-25
简单CSS实现图片旋转
图片旋转~ 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> img { width: 200px; height: auto; margin: 20% auto; animation: myrotate 3s linear infinite...
2023-04-07
sketch.js
生活中，谅解是可以温厚的宽恕；谅解可以换回感情上的损失。——佚名 分享一个前端项目：https://soulwire.github.io/sketch.js 用途是可以做一些鼠标特效，例如其官网有很多例子： https://soulwire.github.io/sketch.js/ 非常的有趣
2024-08-22
ts的&和|类型
如果结果不如你所愿，就在尘埃落定前奋力一搏。——《夏目友人帐》 文档： https://www.typescriptlang.org/docs/handbook/2/objects.html#intersection-types 让我们用中文来解释这两个例子的区别，并通过几个例子帮助你理解。 交集类型 123type Bar = { x: number };type Baz = { y: number };type Foo = Bar & Baz; 结果 Foo 类型: { x: number; y: number } 解释: Foo 是 Bar 和 Baz 的交集类型。它必须同时拥有 x 和 y 两个属性。 示例: 12const obj: Foo = { x: 5, y: 10 }; // 合法const obj2: Foo = { x: 5 }; // 非法，因为缺少 `y` 联合类型 123type Foo = { x: number };type Ba...
2022-02-25
photopea
我明知生命是什么，是时时刻刻不知如何是好，所以听凭风里飘来花香泛滥的街，习惯于眺望命题模糊的塔，在一顶小伞下大声讽评雨中的战场。——木心 分享一款在线ps的网站：https://www.photopea.com/ 非常方便~