2022年9月22日

react 加载img出错 使用onError解决

摘要: 使用场景:src的url路径是通过接口拿到的,如果拿到的url显示404,前端是无法判断404的,这个时候可以使用onError事件做一个备用图处理 1.onError <img src='要显示的图片路径' onError={(e) => {e.target.onerror = null;e.ta 阅读全文

posted @ 2022-09-22 13:27 ranyonsue 阅读(12) 评论(0) 推荐(0) 编辑

2022年8月3日

replace()函数 清除或替换多个不同字符

摘要: 定义:replace(str,替换的文字) 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 参数1是要替换的字符,也可以用正则匹配,参数2是要替换完成显示的字符,两个参数必填 案例一 let str1 = "ni-hao"//清除-let str2 = str1.re 阅读全文

posted @ 2022-08-03 10:47 ranyonsue 阅读(410) 评论(0) 推荐(0) 编辑

2022年7月13日

React-Router-嵌套路由

摘要: 嵌套路由(子路由)路由里面又有路由, 我们就称之为嵌套路由 新建 Discover.js: import React from 'react'; import {NavLink, Switch, Route} from "react-router-dom"; function Hot() { ret 阅读全文

posted @ 2022-07-13 15:19 ranyonsue 阅读(185) 评论(0) 推荐(0) 编辑

2022年2月16日

js判断空对象的几种方法

摘要: 一、将对象转为字符串比较这是最容易想到的方法,主要使用JSON.stringify()这个方法对对象进行强转: var a={};var b=new Object();console.log(JSON.stringify(a)=="{}") //trueconsole.log(JSON.string 阅读全文

posted @ 2022-02-16 13:57 ranyonsue 阅读(2192) 评论(0) 推荐(0) 编辑

2022年1月17日

JavaScript点击事件-一个按钮触发另一个按钮的点击事件

摘要: 案例 <input type="button" value="Click" id="C" onclick="Go();"><input type="button" value="Wait" id="W" onclick="javascript:alert('Amazing!');"><script> 阅读全文

posted @ 2022-01-17 17:19 ranyonsue 阅读(895) 评论(0) 推荐(0) 编辑

2021年12月24日

react 前端导出Excel

摘要: 1.首先下载 js-export-excel npm install js-export-excel; 2.下载 xlsx npm install xlsx; 3.引入 import * as XLSX from 'xlsx' import ExportJsonExcel from 'js-expo 阅读全文

posted @ 2021-12-24 10:48 ranyonsue 阅读(547) 评论(1) 推荐(1) 编辑

2021年12月15日

npm安装卸载命令

摘要: npm安装模块 【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录; 【npm install -g xxx】利用npm安装全局模块xxx; 本地安装时将模块写入package.json中: 【npm install xxx】安装但不写入package.json; 【 阅读全文

posted @ 2021-12-15 16:04 ranyonsue 阅读(472) 评论(0) 推荐(0) 编辑

2021年11月15日

react 加载img标签时出错,使用onError事件来增加一个占位图

摘要: 1.onError <img src='要显示的图片路径' onError={(e) => {e.target.onerror = null;e.target.src="占位图片路径"}} /> 注 onError:当图片加载出现错误,会触发。经常在这里事件里头写入 将图片导向默认报错图片,以免页面 阅读全文

posted @ 2021-11-15 11:17 ranyonsue 阅读(679) 评论(0) 推荐(0) 编辑

2021年11月9日

ECHARTS图中实现LEGEND图例文字后面显示百分比%

摘要: 主要代码是一个回调函数,放代码 // 回调函数 formatter: function(name) { var data = option.series[0].data;//获取series中的data var total = 0; var tarValue; for (var i = 0, l = 阅读全文

posted @ 2021-11-09 14:09 ranyonsue 阅读(658) 评论(0) 推荐(0) 编辑

2021年9月8日

强制刷新react hooks组件

摘要: 首先要知道react组件在什么情况下会刷新,比如:state、props、context更新。。。。然后就有各种方式可以强行刷新组件了,比如: const [refresh, setRefresh] = useState(false); useEffect(() => { refresh && se 阅读全文

posted @ 2021-09-08 16:34 ranyonsue 阅读(5448) 评论(0) 推荐(0) 编辑

导航