img图片丢失后默认图
发表于|更新于
|浏览量:
万物并育而不相害，道并行而不相悖。一一《礼记》
我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图
写法如下：
1 | <img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> |
这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js
当然如果我们是正常的图片，是无影响的
相关推荐
2022-07-15
vuera
微微怪时间不能保存情绪，保存那一切情绪所曾流连的境界。——《你是人间的四月天》 分享一个开源项目：https://github.com/akxcv/vuera 它可以让你在vue里写react，在react里写vue Use Vue components in your React app: 1234567import React from 'react'import MyVueComponent from './MyVueComponent.vue'export default props => <div> <MyVueComponent message={props.message} handleReset={props.handleReset} /> </div> Or use React components in your Vue app: 1234567891011121314<template> <div&g...
2021-11-28
jquery根据属性选择
有信仰的人不会孤独。——阿列克谢耶维奇 分享一个jquery选择器的小技巧 我们可以通过自定义属性键值选中一个元素 例如如下元素： 1<div ruben="vampire">阿超</div> 然后我们通过ruben=vampire选中这个div 就可以如下写法： 1let vampire = $('div[ruben="vampire"]') 我们可以简单测试一下输出里面的内容 12345<div ruben="vampire">阿超</div><script type="text/javascript"> let vampire = $('div[ruben="vampire"]') console.log("vampire: ", vampire.text());</script> 效果
2024-05-17
处理js的JSON.parse中Number太长导致精度丢失问题
大自然的真实和单纯，常是重要艺术极点的基础。——恩格斯 代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 这里主要是 JSON.parse 导致的，我简单复现一下 1JSON.parse('{"id":9052710354240385291}') 得到的是 1{id: 9052710354240385000} 可以看到后面的 291 变为 000 了 解决方式这里使用正则匹配 /:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g 例如： 123456JSON.parse('{"id":9052710354240385291}'.replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => { ...
2025-07-29
selenium
我慢慢明白了我为什么不快乐，因为我总是期待一个结果。看一本书期待它让我变得深刻；吃饭、游泳期待它让我一斤斤瘦下来；发一条微信期待它被回复；对别人好期待被回待以好；写一个故事说一个心情期待被关注安慰；参加一个活动，期待换来充实丰富的经历。这些预设的期待如果实现了，我长舒一口气，如果没有实现呢，就自怨自艾。可是小时候也是同一个我，用一下午的时间看蚂蚁搬家，等石头开花。小时候不期待结果，小时候哭笑都不打折。——《允许自己虚度时光》 https://github.com/SeleniumHQ/selenium Selenium：让你的浏览器自动工作，解放双手的神器！你是否曾幻想过：打开电脑，一行代码敲下去，Chrome、Firefox、Safari……各路浏览器自动帮你完成所有重复操作，自己在旁边喝咖啡、刷剧、享受生活？这不是科幻，而是真实存在的“自动化世界”——Selenium，就是让这一切变得触手可及的开源王者！ Selenium是什么？一句话超酷简介 Automates browsers. That’s it!Selenium，就是让浏览器自己动起来的神器！不管你用什么语言，...
2022-07-14
vue-class-component
人的教养不能够靠别人传授，人必须进行自我修养。一切苦修也绝不是文化修养，教育是通过人的主动性来实现的，教育牢牢地钉在主动性上。——费希特 官方文档：https://class-component.vuejs.org/ class-component是vue官方库之一，其可以让你使用class的方式定义、编写组件 再加上ts的装饰器，最终效果如下： 12345678910111213141516171819202122232425262728<template> <div> <button v-on:click="decrement">-</button> {{ count }} <button v-on:click="increment">+</button> </div></template><script>import Vue from 'vue'...
2023-08-08
Flowise
没有再比对祖国的命运，对亲人的命运无动于衷和丧尽天良的人更危险的了。——谢德林 分享一个 以拖放UI的形式构建自定义LLM流程的前端框架 https://github.com/FlowiseAI/Flowise 官网：https://flowiseai.com/