react中配置图片容错
发表于|更新于
|浏览量:
爱情是友谊的精华，书信是爱情的妙药——豪厄尔
之前写了:vue中img错误默认图片以及img图片丢失后默认图
今天写个react版本的：
1 | <img src={xxxx} onError={(e) => e.target.src = '/img/oss/2020-06-01/head.jpg'} alt={value.alt} /> |
代码很简单，也很管用
相关推荐
2022-08-14
CSSStyleSheet
只要能培育出艳丽的花朵，做一颗会朽的草又有何妨？ ——鲁迅 惯例，先上MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet 然后是例子： 新增规则：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/insertRule 12// 新增一条规则，将所有元素的hover字体颜色设为蓝色document.styleSheets[0].insertRule("*:hover { color:blue }") 移除规则：https://developer.mozilla.org/zh-CN/docs/Web/API/CSSStyleSheet/deleteRule 1document.styleSheets[0].deleteRule(0)
2024-09-11
语法高亮shiki
即使断了一条弦，其余的三条弦还是要继续演奏，这就是人生。——爱默生 项目介绍 Shiki 是一个基于 VS Code 语法高亮引擎的代码高亮库，它通过使用 TextMate 语法和 VS Code 的主题，生成极为准确和美观的高亮代码。Shiki 提供了一种非常灵活的方式来在静态网站生成器、文档系统或 Web 应用中进行代码高亮渲染，支持多种编程语言和主题。 Shiki 的主要特点： 精确的高亮效果：基于 VS Code 引擎，支持 TextMate 语法和多种语言的高亮，保证与编辑器中一致的高亮效果。 丰富的主题：支持多种 VS Code 主题，能够为代码提供深浅色主题选择。 轻量级和快速：尽管功能强大，但 Shiki 仍然保持轻量和高效，适合在 Web 项目中使用。 适用性广泛：可以轻松集成到静态网站生成器、博客、文档系统等项目中，提升代码展示的视觉体验。 官方文档、GitHub地址 官方文档：Shiki Documentation GitHub 仓库：shikijs/shiki Shiki 的官方文档提供了详细的使用说明、配置选项和主题列表，帮...
2025-10-29
apache-shenyu处理discoveryType问题
人间不会有单纯的快乐，快乐总夹杂着烦恼和忧虑，人间也没有永远。——杨绛《我们仨》 pr如下： https://github.com/apache/shenyu-dashboard/pull/555 思路是首先找到对应的字段，然后找到字段来源，比如从哪个接口请求到的，这里找到了 src/routes/Plugin/Common/Selector.js的discoveryConfig.discoveryType，往上追踪找到其discoveryConfig是在src/routes/Plugin/Common/index.js里，通过下面的dispatch回调赋值 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610...
2021-09-13
css模糊
我们都希望自己过艺术的一生，但艺术是什么，却没有明确的定义。你过早地为人生设限，大多数时候是不成熟的表现。——灵遁者 对应的css代码为： 1filter: blur(1px); 这里可以更改blur值的大小 1filter: blur(2px);
2024-09-29
js滚动到对应元素scrollIntoView
娇柔做作，失去真实的不是美，充满了富贵荣华的名利思想，也不是真美。——孟德斯鸠 文档： Element.scrollIntoView() - Web API | MDN 用法： 123scrollIntoView()scrollIntoView(alignToTop)scrollIntoView(scrollIntoViewOptions) 例如我选中某个元素执行 123456const element = document.getElementById("box");element.scrollIntoView();element.scrollIntoView(false);element.scrollIntoView({ block: "end" });element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
2023-05-22
officegen
以权利合者，权利尽而交疏。——《史记》 如果我们需要使用js来编辑word、excel、powerpoint 可以使用这个开源项目：https://github.com/Ziv-Barber/officegen 可以让我们在html中进行编辑 安装使用： 1$ npm install officegen ppt例子： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354const officegen = require('officegen')const fs = require('fs')// Create an empty PowerPoint object:let pptx = officegen('pptx')// Let's add a title slide:let slide = pptx.makeTitleSlide('Officeg...