自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 资源 (1)
  • 收藏
  • 关注

原创 使用echarts简单实现双柱状图重叠效果

【代码】使用echarts简单实现横向双柱状图重叠效果。

2022-12-12 14:42:34 582

原创 echarts南丁格尔图设置最小半径

/ color: '#000', //线的颜色设置, 如没有设置颜色则线条的颜色跟随饼状图的颜色。width: 1, // 线条的宽度。startAngle: -90, //起始角度。length2: 20, //第一条线。length: 10, //第二条线。放大数据再还原之前的值----->最大值的0.5倍。

2022-11-08 18:25:52 607

原创 判断当前页是否为最后一页

【代码】判断当前页是否为最后一页。

2022-11-01 16:43:26 159

原创 antdesign 文件上传组件手动上传文件;本地上传正常,测试端405解决方法

【代码】antdesign 文件上传组件手动上传文件。

2022-10-21 11:41:47 228

转载 如何判断对象的属性是否存在?

使用这个方法, 如果对象自身和其原型链上都不存在该属性的话, 会返回undefined, 注意如果对象的原型链上有该属性, 则会返回该属性. 这个方法的局限性在于不能用在对象的属性存在并且属性值为undefined。如果指定的属性存在指定的对象或其原型链中, 则返回true。只有对象自身存在该属性时, 才会返回true。

2022-10-14 13:57:50 202

原创 react页面滚动到顶部->1.元素dom内部;2.windows滚动

通过useRef获取元素信息,距离顶部的高度。

2022-09-22 17:10:49 273

原创 echarts图例多个一排,对齐换行和横向柱状图y轴label左对齐

设置grid左边位置和label的宽度和边距,每个宽度的图表不一样数据长度不一样这些值都不一样,自己调试。margin: 120,//距离y轴的位置。width: 150,//label宽度。设置legend宽度和padding。

2022-08-29 16:42:32 1541

原创 css使用rem自适应

css设置html的fontsize。在页面的元素全都按照设计图px写rem。

2022-08-29 16:30:52 733

原创 js数组重组的一些方法

1.提取某个字段为一个数组。3.筛选数据重组为数组。2.筛选对象->单条。

2022-08-29 15:43:39 512

原创 使用字体图片

【代码】使用字体图片。

2022-08-25 11:40:53 25

原创 echarts在画布外自定义legend,控制图表

在画布外层自定义dom。先定义按钮控制的变量。

2022-08-24 18:17:53 342

原创 css雪碧图帧动画动画

steps(2):规定动画的步数,forwards:当动画完成后,保持最后一个属性值(在最后一个关键帧中定义)。第一个值是水平位置,第二个值是垂直位置。

2022-08-16 16:54:02 181

原创 一些常用公共方法

公共方法

2022-08-01 09:54:39 33

原创 vscode配置文件

1

2022-08-01 09:52:21 1450

原创 js合并数组对象中key相同的数据,并以此key生成新对象

2022-07-22 16:23:02 1132 1

原创 sort()排序,reserve()翻转数组

2022-06-17 15:59:49 234

原创 jspdf和html2canvas将html内容转 PDF

2022-06-17 15:26:35 134

原创 echarts漏斗图自定义label左右位置设置

自定义

2022-06-15 20:02:24 1740

原创 echarts环形图将label显示在中间,每一类数据高亮显示对应数据,样式不重叠

series: [ { type: 'pie', radius: ['30%', '55%'], label: { show: true, position: 'center', formatter: function (params) { return ( '{a|' + (params.data.ratio * 100).toFixed(2) + '%}' + .

2021-12-20 14:41:19 1042

原创 css写img禁止点击拖拽

img{ user-select: none; -webkit-user-drag: none;}

2021-12-20 14:24:45 668

原创 echarts正负柱形图设置x轴和tooltip显示值都为正数,自定义颜色显示,设置y轴显示单位

option = { color:['#189dfe','#f0c219'], tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: function (params) { const Total = Math.abs(params[0].value) +Math.abs(params[1].value) ...

2021-12-13 15:13:56 2450

原创 对数据中\n换行处理

第一种css white-space: pre-line;第二种js全局替换txts=txts.replace(/[\n\r]/g,'<br>')txts=txts.replace(/\n/g,'<br>')

2021-12-06 17:25:16 191

原创 react使用dangerouslySetInnerHTMl 渲染后端传递的数据中的html标签

react使用dangerouslySetInnerHTMl 渲染后端传递的数据中的html标签

2021-12-06 17:21:35 1324

原创 正则校验,中间不能连续出现

1、逗号分隔中英文字符串,不能在首尾出现,中间有且仅有一个逗号const reg = /^(?!,)(?!.*,$)[\u4e00-\u9fa5a-zA-Z]+(?:[,][\u4e00-\u9fa5a-zA-Z]+)*$/g; const reg = /^(?!,)(?!.*,$)[\u4e00-\u9fa5a-zA-Z]+(?:[,][\u4e00-\u9fa5a-zA-Z]+)*$/g; if (reg.test(value)) { callback();

2021-11-09 14:27:09 1147

原创 react使用antd框架表单重名校验、清除校验

添加和编辑保存情况下进行校验,编辑可保存原有名字,过滤自己(id相同判断value是否相同,value不相同比较其他数据,重名校验)所需条件:后端返回所有名字的接口数组<FormItem {...formItemLayout} label="分词器英文名称:" required> <Input {...init('tokenEng', { rules: [ {

2021-11-08 17:06:00 2167 5

原创 React中useState值为对象时改变值不渲染

原因:React中默认浅监听,当State值为对象时,栈中存的是对象的引用(地址),setState改变的是堆中的数据所以此时setArr(arr)后,栈中的地址还是原地址,React浅监听到地址没变,故会认为State并未改变,故没有重渲染页面思路:将栈中原arr所指向的地址改变即可const ceshi = [ { name: '测试数据1', icon: 'jigou', count: 2, color: '#FF9B74' }, { name: '测试数据2', count:..

2021-09-03 16:06:27 1212

原创 vue多条件判断,计算属性使用

三目运算的运用,条件1:条件2 ?结果1(true): 结果2(false)三目运算的运用,条件1:条件2 ?嵌套三目运算:嵌套三目运算<div> <el-button type="success" size="mini" ..

2021-07-20 16:36:55 948

原创 vue利用element勾选框样式编写可勾选的卡片组件

需求:1、卡片点击查看详情,添加选中样式,兄弟标签取消样式;2、勾选框全选、反选,勾选样式,判断全选,未全选。1.HTML全选 <div class="select-contanier"><el-colv-if="showSubmits":span="24"style="padding-right: 10px;display: flex;justify-content: space-between"><el-button type="succ..

2021-07-16 18:23:13 971

原创 elementUI勾选框绑定点击事件连续执行两次处理

事件冒泡机制导致,使用.prevent阻止默认事件,可以解决这个问题。<div @click.stop.prevent="checkboxOnclick(id)"> <el-checkbox v-model="checked"/></div>@click.stop.prevent

2021-07-14 13:59:35 721

原创 通过当前id递归遍历树结构,树结构回显

方法treeSelect(node) {//调用赋值 this.findPathByLeafId(this.partOptions, node.id) }, // 递归实现,遍历数组 // 通过id遍历查找父级namefindPathByLeafId(array, id) { const stack = [] let going = true const.

2021-07-13 11:43:10 286

原创 elementUI树结构添加子级结构

1.父组件<template> <div> <div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" > <el-input v-model="filterText" .

2021-07-13 11:26:41 546

原创 子组件传值父组件数据刷新的问题

子组件监听值改变,自定义一个事件,在父组件使用时该事件为接收数据接口事件子组件:监听open值的变化,自定义事件this.$emit("refreshPart")watch: { open: { handler(val) { this.inputValue = val if (!val) { this.contractSectId = '' ...

2021-07-13 11:11:49 782

原创 父组件传值给子组件但是值不改变的解决方法

在子组件内深度监听值改变,调用加载方法父组件<tree-select-edit :inputValue = "inputValue" :fatherId = "contractSectId" />子组件<div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" &g

2021-07-09 15:23:36 882

原创 CSS隐藏滚动条

.card-contanier{ flex: 0 0 47vh; /*max-height:440px;*/ scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-y: scroll;}.card-contanier::-webkit-scrollbar { display: none; /* Chrome Safari */}

2021-07-08 10:18:21 36

原创 表单文字对齐

label文字对齐方式表单的对齐方式分为三种1、左对齐(默认对齐方式,一般不需要)<form action="javascript:void(0)" method="post"> <div> <label>用户名:</label> <input type="text" name="" id="" value="" /> <...

2021-06-30 11:00:30 1629

转载 js拖拽换位置

ondrop: 当放置被拖数据时,会发生 drop 事件,这里自定义drop(event,this)函数,互换两个的innerHTML ondragover:当拖动链接等有默认事件的元素时,要在ondragover事件中用ev.preventDefault()阻止默认事件。否则drop事件不会触发。 draggable:允许拖动。 ondragstart:规定当元素被拖动时,会发生什么。在上面的例子中,ondragstart 属性调用了一个函数,drag(event),它规定了被拖动的数据。dataT

2021-06-25 11:07:10 779

原创 echarst加载动态数据,格式化legend

赋值写在接口数据加载里面,避免数据加载不同步获取接口,传参页面数据数组:showPage:[]legend格式化: // 回调函数 实现标志图形字体后边加上百分比 formatter: function(name) { let total = 0 let tarValue = 0 for (let i =..

2021-06-25 10:31:56 108

原创 JSON.stringify和js-replace替换所有字符,在原数组进行数据改变

1.遍历数组,删除不要的数据;2.重新遍历数组进行替换先删除再替换 this.seriesData && this.seriesData.forEach((item, index) => { //删除名字为team这条数据 if (item.typeName === 'team') { this.seriesData.splice(index, 1)

2021-06-24 18:18:44 594

原创 echarsty轴刻度显示整数, minInterval

minInterval:1yAxis: { type: 'value', minInterval: 1 },var option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] ...

2021-06-24 10:17:26 1610

原创 css控制文字只显示一行,多余省略号

*外盒子要设置宽度div内显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;div内显示两行或三行,超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;(行数)-webkit-box-orient: vertical;...

2021-06-24 09:36:20 573

clipboard.js-master.zip

复制文本,链接插件

2021-06-23

空空如也

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

TA关注的人

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