- 博客(15)
- 收藏
- 关注
原创 使用js实现鼠标可拖动图片更改位置,点击图片弹出对话框
之前为完成网页边侧放置一个可点击的图标,但图标有时会影响用户浏览网页,所以需要可以拖拽图片更改其位置。但是在实现过程中总是会在拖拽结束松开鼠标时总是会弹出对话框,最终经过多次更改终于完成了这个功能!这是我随意写的一个样式,主要是设置绝对定位!
2024-01-24 09:47:05
606
原创 orgChart如何设置同一层级的节点高度按照节点内容最长的节点设置
首先接口没有返回节点对应自己的层级信息,我把wbs数据作为层级数据使用,循环这个list,找到每一级数据并计算出这一层级下name最长的节点,并以此节点name计算高度。这里我想将返回结果先按照上面第一种的方式进行处理,将带有循环的list重新整理成一个普通不带有循环的list:,然后再根据wbs来查找到各层级的节点信息,并作比较。在实际项目中,有时使用orgChart画层级结构图时,需要将每一级节点外框高度按照这一级节点中文字最多的来设置,此时该怎么办呢?剩下就是正常的初始化orgChart插件了。
2024-01-18 11:43:12
364
原创 js将list中某个属性值相同的聚类分组
3、实现结果为Map:Map { 'a' => [ '123', '567' ], 'b' => [ '123' ] }1、实现结果为Object:{ a: ['123', '567'], b: ['123'] }2、实现结果为列表:[ ['123', '567'], ['123'] ]将name值进行聚类;
2024-01-12 13:46:13
559
原创 实现orgChart生成图片下载功能
主要的就是在downloadImg方法中的内容,其中orgChartContainer是orgChart画图的容器;如果是图片内容超出容器导致的下载图片不完整的话,可以使用我们自己设置的容器的下一层,也就是orgChart自己生成的这一层;注意:需要使用html2canvas.js来完成该功能,需要额外下载html2canvas!库将OrgChart容器转换为图像数据,然后使用。属性将图像数据保存为本地文件。这样下载的图片就是完整的了。
2023-12-27 13:38:14
435
原创 ES6如何将数组转为Object对象
如何将数组arr = [name, age, sex, deptName]转为{name: '', age: '', sex: '', deptName: ''}
2023-06-30 18:06:39
394
原创 IE11下Unhandled promise rejection TypeError:对象不支持“fromEntreis“属性或方法的解决办法
【代码】IE11下Unhandled promise rejection TypeError:对象不支持“fromEntreis“属性或方法的解决办法。
2023-06-30 17:58:22
769
原创 IE11中不支持Object.Entries解决办法
当我们在IE11中使用了Object.Entries方法,但控制台提示报错”Unhandled promise rejection TypeError:对象不支持“Entreis"属性或方法“;在使用Entries前加入以下代码。
2023-06-30 17:25:17
419
原创 echarts 树状图节点太多导致节点重叠,如何调整
由于节点太多导致节点重叠在一起后用户无法正常查看,我们可以根据节点的数量并设置每个节点间的高度动态调整E charts 画布的高度和宽度。如下代码:html部分:<template> <div :style="{height: chartHeight}"> <div ref="main" style="height: 100%"></div> </div></template>js部分
2022-04-27 09:49:46
9945
原创 echarts折线图如何控制纵坐标为整数
option = { xAxis: [...], yAxis: [ { type: 'value', minInterval: 1, axisLabel: { formatter: '{value}' } } ], series: { type: 'line', data: [.....
2022-04-13 17:32:02
2719
原创 mysql要获取下一个自增的id
select auto_increment from information_schema.`TABLES` where Table_schema='数据库名字' and table_name='表名' limit 1其中TABLES外面是``,不是英文的单引号
2022-03-08 09:21:42
192
转载 vue下载文件
vue下载文件转载文章:vue-实现文件下载_JustDI0209的博客-CSDN博客_vue下载文件原文链接:https://blog.csdn.net/JustDI0209/article/details/90236038handleExportTem () { this.btnSendTem = true // 加载loading this.loading = true this.loadingText = '正在导出模板...' t...
2022-03-07 17:45:29
197
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人