自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 问答 (1)
  • 收藏
  • 关注

原创 konva 切换背景图、点击节点交互方法

复制即用konva 根据选择不同的区域切换背景图。

2024-11-18 17:38:42 296

原创 华为实时视频使用FLV播放RTSP流

【代码】华为实时视频使用FLV播放RTSP流。

2024-11-01 15:40:18 621

原创 echarts 折线图柱状图 最大值最小值平均线配置样式

把以下代码放在series下需要显示的数组内。

2024-10-30 11:14:27 544

原创 Echart饼图 图例文字不一致时,保证icon同一垂直方向

添加orient: 'vertical’和height。文字长短不一致时,图例会错开,不优雅。缺点: 只能在确定高度的情况下。暂时没有找到其他解决方法。

2024-10-28 15:57:32 328

原创 记录vue使用axios方法

可在改文件统一预处理些错误返回。

2024-07-24 14:49:36 151

原创 记录vue使用websocket方法

【代码】记录vue使用websocket方法。

2024-07-24 14:16:45 170

原创 海康视频播放,包含h5和web插件

有vue2和vue3写法,一种一个,大同小异,可参考转换

2024-07-01 17:03:58 3418 11

原创 vue3 echarts 仪表盘,完整代码

直接复制即可

2024-06-21 11:27:08 1029 1

原创 Vue3-Vite-ts 前端生成拓扑图,复制即用

使用dagre-d3,vis.js 两种方法

2024-05-30 17:52:35 3243

原创 使用echart绘制拓扑图,树类型,自定义tooltip和label样式,可收缩

完整代码引用即可

2024-03-18 14:46:47 1436

原创 Vue3 div自动滚动

vue3 div自动滚动。

2024-03-12 15:47:07 717

原创 flex布局 底部居中,不限制宽度,超出加滚动条

当宽度小于设定的80%宽度时,flex布局不居中,加上 justify-content: center;数据多时会有左侧数据被隐藏,可以再设置动态样式加上。

2024-03-11 11:49:05 489

原创 一些公共方法。utils存放

三、柱状图数据较多时,横坐标自动滚动。注意以上在组件销毁时,定时器需要关闭。二、el-table 自动滚动。2.返回http url地址。

2024-03-04 15:24:22 251

原创 echart间隔时间请求接口,重新渲染。封装公共方法,方便调用

echart固定时间请求接口,重新渲染。

2024-03-04 14:58:41 276

原创 el-table 选择回显 分页保存已选数据

每次请求都执行一次setSelectRow方法。针对表格数据多选,回显,分页还要保存已选数据。otherSelect 非当前页选中的数据。selectList 就是最终选中的数据。tableList 当前页表格数据。selectList 初始数据。给el-table 添加属性。

2024-02-02 15:02:02 829

原创 vue3 vuedraggable draggable element must have an item slot

看官网使用这种<template #item=“{ element }”>

2024-01-04 14:52:28 756 1

原创 从零开始使用Konva,画图并绑定节点。

vue3+vite+ts实现实现电子地图,左侧列表可拖拽绑定地图可绑定点设备坐标。

2024-01-04 14:43:01 1075

原创 JS 利用Map实现数组对象合并 并删除重复数据

【代码】JS 利用Map实现数组对象合并 并删除重复数据。

2023-12-29 13:37:55 732

原创 echarts 简单渐变折线图

eslint校验下数据使用。

2023-11-03 15:21:02 288

原创 最新 vie-vite框架下 jtopo安装使用

Vue + vite + jtopo 本地项目测试成功

2023-11-03 15:00:16 982 4

原创 Syntax Error: Unexpected token (1:552) Vue编译错误

查看html代码中有无使用三目运算符 或类似?这个写法在不同同事电脑间好时坏,尽量不要用,若要写可用计算属性替代。也有可能是哪个webpack 问题,暂时没有找到。观察下面定位的哪个vue文件。尝试注释后项目可运行。

2023-08-30 10:53:37 191

原创 vscode 前端开发插件 2023

如果是scss less的话。css peak插件无法生效。js+html+css文件都可以显示。CTRL+点击类名可跳转到对应样式位置。chinese+git 必装没啥可说。可以看到每一行的git提交记录。可以同步更新前后标签名。

2023-08-01 16:58:44 850

原创 Echart 饼图label formatter 颜色样式

饼图label 换行,加颜色

2023-07-13 16:08:31 1506

原创 JS 两个数组通过对象映射绑定

页面渲染时使用了一个数组,而接口也返回了一个数组。两个数组有部分数据重合,但不能完全使用接口返回的。需通过两个数组重合的唯一字段关联

2023-07-13 15:42:55 440

原创 el-tree 多选限制选中个数

1、el-tree至多选10个,超过后无法再勾选。2、当勾选父节点时不自动勾选子节点;

2023-06-28 10:51:23 2386

原创 【element】】只用一个el-date-picker组件,限制选中时间的前后30天范围可选

只用一个时间组件,在选中一个时间后,自动限制另一时间的选择

2023-06-20 14:35:14 604

原创 js原生xhr处理文件下载问题

文件下载处理方法1.xhr请求。blob2.window.location.href

2023-02-24 17:10:02 1204 2

原创 Jq jsp layui 使用 select option input[checkbox] 赋值后没有变化

jsp项目 layui

2023-02-17 15:28:21 400

原创 Error during artifact deployment. See server log for details.解决

idea 卡主 Error during artifact deployment. See server log for details.

2023-02-16 12:04:06 134

原创 echart 自定义好看的仪表盘

echart 仪表盘

2023-02-01 15:55:42 2127

原创 小程序 wxml代码里调用方法

wxml文件调用函数返回

2023-02-01 15:37:10 1252

原创 小程序 图片上传 限制个数,重选,删除问题

代码全,可实现

2023-02-01 15:24:19 556

原创 微信小程序 左右滑动方法

使用bindtouchend bindtouchmove bindtouchstart实现

2022-12-15 15:56:56 3728 2

原创 jTopo 场景移动,节点位置保持不变

vue内使用jtopo插件,移动场景sence时node节点位置保持不变

2022-11-21 16:37:20 401

原创 Element-UI 组件MessageBox 弹框 关闭遮罩层

关闭遮罩层方法

2022-11-04 09:25:30 3323 2

原创 element-ui 日期时间选择器 ,利用时间戳实现表单验证

element-ui 日期时间选择器 ,利用时间戳实现表单验证。补充了picker-options的使用

2022-09-01 14:07:22 1255

原创 el-date-picker 时间选择器 自定义年月日格式

el-date-picker 时间选择器 自定义年月日三种选择年后,选月份时会默认所选年份,日期一样当自选日期后,年份月份也会与当前选择一致代码 <div class=''> <span>年</span> <el-date-picker v-model="selectYear" size='mini' type="year" @change='selectYearFun'

2021-11-15 14:29:33 5584

原创 el-upload 自定义上传并校验文件格式

功能:选择图片或其他文件格式,切换类型或格式错误时删除已上传文件vue <el-form-item label="文件类型"> <el-radio-group v-model="form.fileType" @change='fileList=[]'> <el-radio label="0">图纸</el-radio> <el-radio label="1">说明文档</el-radio>

2021-11-03 11:06:25 1891

原创 记录使用QRCode 显示并下载二维码图片

记录使用QRCode 生成二维码项目安装qrcode 命令:npm install --save qrcodejs2引入 import QRCode from ‘qrcodejs2’后端提供qrcodeId使用场景vue element el-table例如表格数据tableDatamounted(){ this.tableData = [ {qrCodeId:'147152707256324096'} ] this.tableData.forEach(item=>{ this.q

2021-09-14 16:07:56 1656

原创 el-table中的el-popover属性 使用trigger=“click“ ,通过点击按钮也能关闭

案例:点击某个表格修改数量,点击确认后关闭popover<template slot-scope='scope'> <el-popover popper-class='changeNum' placement="right" width="200" :ref="`popover${scope.$index}`" title="修改数量"

2021-08-26 16:02:40 3479

空空如也

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

TA关注的人

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