- 博客(57)
- 收藏
- 关注
RSS订阅原创 vue-grid-layout元素交换位置及大小
该代码实现了一个基于Vue.js的网格布局系统，主要功能包括：1. 使用grid-layout组件实现可拖拽、可调整大小的网格布局；2. 通过moveEvent和movedEvent方法实现元素位置交换逻辑；3. 支持动态计算行高以适应不同屏幕尺寸；4. 集成echarts图表并实现响应式重绘；5. 通过drag-ignore-from和drag-allow-from属性控制特定元素的拖拽行为。系统还实现了本地存储功能，保存用户的布局配置。关键技术点包括位置交换算法、元素尺寸监听和响应式布局处理。
2025-07-28 16:29:59
281
原创 【Mars2D】mars2d.layer.WmsLayer中getBounds()无法使用记录
原因：API写书有误，目前看了下leaflet原生代码，瓦片图层里面都没有getBounds方法，仅有bounds参数限定瓦片区域。
2025-07-18 17:06:28
175
原创 【vue】原生select样式重写
主要样式包括：半透明背景、蓝色边框、白色文字、微软雅黑字体，以及18px的字号。下拉选项(option)采用深色背景和居中文字。代码通过outline:none取消了聚焦边框，并设置了pointer-events:auto和cursor:pointer确保交互效果。
2025-07-04 17:11:35
235
原创 【vue】【element-plus】 el-date-picker使用cell-class-name进行标记，type=year不生效解决方法
type改成对应年份匹配后发现方法没有被调用，使用官方文档中的插槽方式（已升级到最新版）也无法实现。最后通过焦点事件和面板更换事件直接操作dom元素进行强制赋值解决！
2025-04-25 14:33:25
580
1
原创 【echarts】更改盒须图中X轴坐标并修改箱型图的tooltip内容
data.value、dataX.value为vue3中变量，dataX.value为数组},config: {},],series: [normal: {x: 0,y: 0,x2: 0,y2: 1,offset: 0,color: '#F02FC2' // 0% 处的颜色}, {offset: 1,color: '#3EACE5' // 100% 处的颜色}],globalCoord: false // 缺省为 false},color: {x: 0,y: 0,
2024-12-11 09:27:52
422
原创 【vue】前端使用modern-screenshot截取屏幕截图
一款轻量级的JavaScript库，能够让您以数据URL或多种格式（如PNG、SVG、JPEG、WebP）保存网页元素的截图。它源于html-to-image项目，经过优化，提供更现代的解决方案，并支持Singleton上下文和Web Worker，使得连续截图速度更快。
2024-10-28 10:07:03
962
原创 【uniapp】微信小程序使用echarts图表记录
将static文件夹下中的echarts.min.js和ecStat.min.js复制到自己项目的static文件夹内或到echarts官方定制自己需要的图表类型下载js文件并放入相关目录。
2024-10-18 11:19:22
2908
1
原创 el下拉选择框选择后没有回显、回显后非空校验不通过解决
1、关于回显分析：初始化定义数据时无该字段的初始化，后期赋值后视图没有更新。解决方法：@change中使用$forceUpdate()2、关于非空校验：数据赋值后正确回显，且在控制台打印有值，但非空校验无法通过，可能存在内部对象改变后值没有被检测到。解决方法：使用vue方法-- $set。
2024-10-11 09:49:44
865
原创 vue zip文件下载请求封装与使用
Excel的话把type改成 { type: ‘application/vnd.ms-excel’ }这里把响应超时时间注释是文件下载接口返回需要较长时间。axios封装（重点是响应拦截）
2024-07-23 15:29:26
584
原创 【element plus】el-tooltip限制宽度及自定义背景色
使用popper-class参数为tooltip添加自定义内容；其中该类名注意不能够加scope标签中，否则无效。
2024-07-19 10:16:50
1743
原创 vue process.env.VUE_APP_BASE_API的相关配置及axios简单封装
【代码】vue process.env.VUE_APP_BASE_API的相关配置及axios简单封装。
2024-07-05 11:23:46
2058
原创 【vue3】vue3-seamless-scroll无缝滚动列表的使用
使用版本：“vue3-seamless-scroll”: “^2.0.1”ps:表头多的也可直接使用网格布局（隔行换背景色）
2024-07-01 16:30:33
1582
原创 【vue3】 eslint校验关闭未使用变量、组件、单个单词校验
用于标记或报告定义一个组件但是在模板或者其他组件中没有使用它，那么ESLint可能会报出一个错误或者警告。规则是ESLint的一部分，它用于标记和报告在代码中定义但未使用的变量。在Vue3项目中，这个规则可能会误报某些模板中使用的数据或方法。要求组件的名称必须是多单词的，并且要使用kebab-case格式。这是为了保持一致性和简洁性，因为在 Vue 3 中，单单字符的名称已经不被推荐使用，以便更好地区分组件和普通的HTML元素。
2024-07-01 16:05:43
1624
4
原创 【vue】可视化大屏实现固定比例布局（不错位）
最初方案是使用dataV中的大屏自适应组件，后续发现dataV在不同显示器分辨率下的效果会不一致导致图表内容错位等问题；后续查找资料重新写自适应。
2024-06-21 16:39:21
754
原创 【echarts】雷达图系列名动态换行、提示框重写
系列名字过长导致显示不完全后对系列名进行换行，之后的tooltip显示将换行符识别为空格，直接内容重组后提示框略丑，于是根据控制台原本样式及换行后的问题结合进行重写。在radar中使用formatter对系列名进行自动换行，tooltip中使用formatter对提示框内容进行重新拼接。
2024-06-20 16:20:26
1134
原创 【echarts】双重层叠南丁格尔玫瑰图
思路：玫瑰图里层叠加普通饼图，颜色使用代码自动生成对应深色的颜色，里层普通饼图数据大小一样（数据大小不一致会导致从小到大排序，不等分且颜色错乱）
2024-06-20 15:58:39
730
原创 [ECharts] There is a chart instance already initialized on the dom.
同一个DOM元素上已经初始化了一个ECharts图表实例，而组件又尝试在同一个DOM上初始化另一个图表实例，在初始化图表实例之前，若该图表已被创建，先销毁已经存在于该DOM上的实例。
2024-06-05 16:38:15
387
原创 【uniapp】微信小程序获取post接口返回的文件流并保存为Excel表格
在uniapp中uni.downloadFile下载文件资源到本地只支持get方法，但是后端接口为post，所以需要使用uni.request配合uni.getFileSystemManager().writeFile()进行文件的下载。
2024-04-03 16:15:25
2367
7
原创 【springboot】报错Error creating bean with name ‘xxxController‘: Injection of resource dependencies fail
org.springframework.beans.factory.BeanCreationException: Error creating bean with name ‘userAddressController’: Injection of resource dependencies failed; nested exception is org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying be
2024-03-27 17:06:07
1808
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人