- 博客(15)
- 收藏
- 关注
RSS订阅原创 使用js实现鼠标可拖动图片更改位置，点击图片弹出对话框
之前为完成网页边侧放置一个可点击的图标，但图标有时会影响用户浏览网页，所以需要可以拖拽图片更改其位置。但是在实现过程中总是会在拖拽结束松开鼠标时总是会弹出对话框，最终经过多次更改终于完成了这个功能！这是我随意写的一个样式，主要是设置绝对定位！
2024-01-24 09:47:05
871
原创 orgChart如何设置同一层级的节点高度按照节点内容最长的节点设置
首先接口没有返回节点对应自己的层级信息，我把wbs数据作为层级数据使用，循环这个list，找到每一级数据并计算出这一层级下name最长的节点，并以此节点name计算高度。这里我想将返回结果先按照上面第一种的方式进行处理，将带有循环的list重新整理成一个普通不带有循环的list:，然后再根据wbs来查找到各层级的节点信息，并作比较。在实际项目中，有时使用orgChart画层级结构图时，需要将每一级节点外框高度按照这一级节点中文字最多的来设置，此时该怎么办呢？剩下就是正常的初始化orgChart插件了。
2024-01-18 11:43:12
501
原创 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
900
原创 实现orgChart生成图片下载功能
主要的就是在downloadImg方法中的内容，其中orgChartContainer是orgChart画图的容器；如果是图片内容超出容器导致的下载图片不完整的话，可以使用我们自己设置的容器的下一层，也就是orgChart自己生成的这一层；注意：需要使用html2canvas.js来完成该功能，需要额外下载html2canvas！库将OrgChart容器转换为图像数据，然后使用。属性将图像数据保存为本地文件。这样下载的图片就是完整的了。
2023-12-27 13:38:14
549
原创 ES6如何将数组转为Object对象
如何将数组arr = [name, age, sex, deptName]转为{name: '', age: '', sex: '', deptName: ''}
2023-06-30 18:06:39
565
原创 IE11下Unhandled promise rejection TypeError:对象不支持“fromEntreis“属性或方法的解决办法
【代码】IE11下Unhandled promise rejection TypeError:对象不支持“fromEntreis“属性或方法的解决办法。
2023-06-30 17:58:22
1042
原创 IE11中不支持Object.Entries解决办法
当我们在IE11中使用了Object.Entries方法，但控制台提示报错”Unhandled promise rejection TypeError:对象不支持“Entreis"属性或方法“；在使用Entries前加入以下代码。
2023-06-30 17:25:17
685
原创 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
11333
原创 echarts折线图如何控制纵坐标为整数
option = { xAxis: [...], yAxis: [ { type: 'value', minInterval: 1, axisLabel: { formatter: '{value}' } } ], series: { type: 'line', data: [.....
2022-04-13 17:32:02
3005
原创 mysql要获取下一个自增的id
select auto_increment from information_schema.`TABLES` where Table_schema='数据库名字' and table_name='表名' limit 1其中TABLES外面是``，不是英文的单引号
2022-03-08 09:21:42
261
转载 vue下载文件
vue下载文件转载文章：vue-实现文件下载_JustDI0209的博客-优快云博客_vue下载文件原文链接：https://blog.youkuaiyun.com/JustDI0209/article/details/90236038handleExportTem () { this.btnSendTem = true // 加载loading this.loading = true this.loadingText = '正在导出模板...' t...
2022-03-07 17:45:29
255
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人