自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 There is a chart instance already initialized on the dom

There is a chart instance already initialized on the dom当页面刷新或多次加载echarts实例时,控制台会出现There is a chart instance already initialized on the dom警告,表示该DOM实例已经被加载。有看到网上许多解决方法,都是先定义出echarts实例,使用时判断该实例是否已被加载,虽然可以解决,但实例过多时就需要定义许多相对来说就比较麻烦。下面的这个方法就比较简单,不需要提前定义实例。/

2022-03-08 14:38:13 834

原创 Css绘制svg路径动画

最近发现了可以使用css中的animation制作svg动画

2022-02-18 09:48:59 842

原创 el-table 表格自定义表头

element-ui 和 element-plus 设置表头的用法不同element-uielement-ui 版本中,使用render-header属性进行设置,官网如下定义:el-table-column 属性重点::render-header="renderHeader"<el-table-column label="数据异常掉线正常上传" prop="dataStatus" :render-header="renderHeader" width="200" align="cente

2022-02-08 15:26:32 3739

原创 SVG路径动画

直接贴图和代码吧!圆点动画<svg width="350" height="200"> <path d="M10 80 Q 77.5 10, 145 80 T 280 80" stroke="yellow" stroke-width="2" fill="transparent"></path> <circle cx="0" cy="0" r="2" fill="red"> <animateMotion

2021-09-10 16:21:47 834

原创 Element ui Table 分页多选

Element ui Table 分页多选其实分页多选,重点不在于如何进行分页选择,而在于选择后如何对分页内容进行回显。分页选择我们先来看一下element ui 中table组件提供的两个属性row-key 上图说的很清楚,需要与reserve-selection一起使用,那我们接下来再看一下reserve-selection简单点来说,reserve-selection就是当我们在切换数据时,会保留有之前选中的数据,比如上一页、下一页等。此时需要注意一点的就是:什么时候我们需要保留之前的

2021-07-29 11:27:30 1422

原创 Java 8 对Map的一系列操作

Map<String, String>类型进行从大到小排序Map<String, String> result = mapSumData.entrySet().stream() .sorted((e1, e2) -> Float.valueOf(e2.getValue()).compareTo(Float.valueOf(e1.getValue()))) .collect(Collectors.toMap(M

2021-07-20 16:05:35 93

原创 JS replace替换字符串所有匹配字符

这里写自定义目录标题replace 替换一个replace 替换所有之前竟然一直没发现,以为前端的replace和后端的replace方法作用相同,都是替换字符串中所有指定字符,其实不然的。replace 替换一个 let str = "2021-03-19"; console.log(str.replace('-', '/'));输出结果2021/03-19当时都没注意到,使用后才发现返回值问题,使用时注意细节噢!replace 替换所有 let str = "2021-03-19

2021-03-19 10:38:29 1193

原创 java8 对list实体中的某一项进行排序

java8 按照list中对象的的某个属性排序 List<User> alList = new ArrayList<User>(); for (int i = 11; i > 0; i--) { User user = new User(); user.setId(String.valueOf(i)); alList.add(user); } List<User> sortPoint = alList.stream().sorted

2021-03-11 13:51:03 256

原创 List与String互相转换,并以“,”分割

String转ListString nameArr = "张三, 李四, 王五";List<String> alName = Arrays.asList(nameArr .split(","));List转StringList<String> alName = Arrays.asList("张三, 李四, 王五");String nameArr = alName.stream().collect(Collectors.joining(","));...

2021-03-04 16:04:11 1427 1

原创 ElementUI-input输入框数字验证

项目中经常用到,备份一下,以免忘记。输入正整数只能输入数字<el-input v-model="data.peakDelayTime" placeholder="延迟" oninput ="value=value.replace(/[^\d]/g,'')">oninput =“value=value.replace(/[^\d]/g,’’)”输入小数只能输入数字及小数点<el-input v-model="data.peakOffset" placeholder="偏移

2021-03-04 11:54:09 2264 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除