自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 electron-builder打包vue2项目不显示element-ui图标

1) 如果是简单的图标可以使用图片代替(这种对于elementui组件的图标还是不会显示)2)在vue.config.js配置。

2024-07-24 17:35:31 140

原创 elementui树形组件自定义高亮颜色

1、需求描述:点击按钮切换树形的章节,同时高亮。1)style样式添加。

2024-04-10 19:57:48 481 3

原创 antdesignvue中使用VNode写法

如图:消息提示框中,将数据中的数据单独一行显示。h(标签元素,标签属性,标签下的子元素)3、h函数使用(vue2x)

2024-01-24 09:41:14 689 1

原创 前端下载文件

2、上述下载方式的文件名是固定不可修改的,下面是可自定义文件名称。1、直接下载(后端提供下载url地址)

2024-01-09 09:55:20 402

原创 antdesign的tree样式修改:点击下一步tree章节标题自动高亮

左侧是树形结构的菜单,右侧是每个章节对应的内容,点击下一步按钮,左侧章节标题自动高亮,右侧内容为下一章标题的内容。3)修改原来的a-tree被选中的样式(被选中的默认样式会自动高亮的样式同时出现,所以要将默认的设置为透明)

2023-11-16 17:34:00 677

原创 使用nvm管理多个node版本切换

nodejs

2023-01-22 16:23:48 447

原创 vue下载excel模板

vue下载excel空白模板

2022-11-30 15:40:33 1105

原创 vue项目打包使用gzip

vue gzip

2022-11-08 09:53:49 766

原创 vue+elementui导入、导出excel

vue导入、导出excel

2022-11-03 19:04:51 3754 2

原创 vue使用cesium

cesium.js

2022-10-09 18:41:09 6897 1

原创 串口插拔检测 -- nodejs

usb接口监听

2022-10-09 14:02:03 1603 3

原创 websocket本地使用网络调试助手测试

websocket测试

2022-10-08 13:46:49 4502

原创 前端使用mock模拟数据

前端模拟请求

2022-09-27 10:50:11 244

原创 electron启动其他应用程序

electron

2022-08-18 10:10:18 3159

原创 serialport报错 SerialPort.list no longer takes a callback and only returns a promise

1、报错写法: serialport.list((err, ports) => { event.sender.send('com-list', ports) });2、修改之后的写法:serialport.list().then(ports=>{ event.sender.send('com-list', ports)})3、注意修改之后在渲染进程中获取到串口名字是通过port.path 而不是 port.name......

2022-05-23 14:17:16 714

原创 leaflet-离线地图

具体参考:https://blog.csdn.net/qq_39430927/article/details/1179525111、下载MapDownloader工具2、打开MapDownloader.exe下载需要的范围3、打开MapDownloader.exe.config文件,里面配置数据库的相关数据4、下载GISMysqlToLocal.exe工具导出地图图片,与上面数据库的配置内容一致,点击导出即可...

2022-02-28 11:13:06 3303 5

原创 vue登录页面设置记住密码

1<el-form :model="usermsg" ref="usermsg"> <el-form-item prop="user" :rules="[{ required: true, message: '用户名不能为空'}]"> <el-input prefix-icon="iconfont icon-yonghu" type="text" v-model.user.trim

2021-10-14 15:42:56 2285

原创 js获取字节的指定位

1、需求:uint8,取第4位判断状态2、代码function getBite(data, num) { //data是传入的数据 ,num是要取第几位 var byteData = data; var byteArr = new Array(); byteArr[0] = (byteData & 0x01) == 0x01 ? 1 : 0; byteArr[1] = (byteData & 0x02) == 0x02 ? 1 : 0; by

2021-07-07 11:44:32 662

原创 npm安装及环境配置

1、下载node.js (下载地址:https://nodejs.org/zh-cn/download/)2、下载之后安装 (注意:不建议安装在C盘)3、cmd查看是否安装成功4、找到安装目录、添加两个文件目录5、cmd下输入两条命令npm config set prefix “D:\Program Files\nodejs\node_global” //node的安装路径npm config set cache “D:\Program Files\nodejs\node_cache

2021-06-24 22:12:11 17834 1

原创 echarts全国地图china.js

1、链接:https://pan.baidu.com/s/1pmM2roAKg7gw7-sEyt8fNw2、提取码:kdmr

2021-06-21 11:07:12 771

原创 echarts动态加载数据不流畅

1、问题描述(见下图)左边的数据比较稳定,而右边可以看出有明显的跳动。2、解决办法在定时器内改变刷新时间即可setInterval(function () { var op = { series: [{ data: xArr }, { data: yArr }, { data: zArr }] } accMap.setOption(op); }, 1) //左图代码 上图对比 : 左边的为1 右边的为500...

2021-06-19 14:14:03 1313 1

原创 electron使用require引入jquery

1、问题描述:在html页面需要使用jquery,引用jquery的代码:window.$ = window.jQuery = require('./js/jquery.min.js');报错: require is not defined;2、解决办法:"electron": "^12.0.6"在main.js的webPreferences中需要添加两行代码: webPreferences: { nodeIntegration: true, contextIsol

2021-05-06 15:57:07 1071 2

原创 git clone 码云仓库项目报错fatal: Authentication failed for ‘https://gitee.com/...‘

1、报错原因是用户名或者密码错误 remote: dengsansui: Incorrect username or password (access token),这里的用户名和密码是登录码云时的用户名和密码。2、解决办法:控制面板–>用户账户和家庭安全–>凭据管理器–>在普通凭据中删除错误的–>重新git clone一次,输入正确的用户名和密码出现这样的就ok啦...

2021-05-06 13:17:54 1963

原创 three.js设置透明几何体

1、实现效果2、实现

2021-03-05 09:42:33 2130 1

原创 js区分click事件和mousedown、单击和双击事件

1、问题对于同一个对象进行的操作涉及点击(click)和拖动(mousedown,mousemove,mouseup),而拖动中又会触发一次点击事件2、解决:设置全局变量判断点击之后是否移动点击事件: mousedown–>mouseup拖动事件: mousedown–>mousemove–>mouseupvar ismove;function mousedown(){ ismove = false;}function mousemove(){ ismove = tru

2021-03-04 16:50:12 4497 1

原创 js渐变色

1、效果图2、RGB颜色大概分类:RGB(R:红色,G:绿色,B:蓝色)红色: 255,0,0黄色:255,255,0绿色:0,255,0青色:0,255,255蓝色:0,0,255紫色:255,0,255调整RGB的三个值即可实现渐变,部分three.js代码省略,渐变色实现的思路仅供参考//初始化max和minvar max = 100;var min = 0;function getMsg(...){ ... let color = new THREE.Color();

2021-01-25 19:47:16 1960

原创 毫秒时间格式化

1、后台返回的时间数据是一串数字1609987605000 ,格式化:2021-1-7 10:46:452、代码示例:/** 毫秒单位为13位,如果得到的数不足13位需要补0* 例如:creatTime = 1609987605; initTime = new Date(time*1000);*/var creatTime= 1609987605000;var initTime = new Date(time); // 使用new Date()转换为标准格式var time = get

2021-01-07 13:37:54 1896

原创 清除元素 jQuery remove与empty

1、html代码示例:<div id = "mapBox"> <canvas width="1920" height="969" id="cavMap"></div>2、清除canvas1)remove:指定清除元素本身$('#mapBox canvas').remove();2)empty:清除父元素下的所有子元素$('#mapBox').empty();...

2021-01-05 10:56:02 133

原创 leaflet清除mark

1、单个删除:...var gMark = L.marker(lat,lng,{icon:zsIcon,draggable:true}) gMark.on({ "click":function(e){ zsMap.removeLayer(this) //在地图上删除点击的那个mark } })2、批量清除:var gMarkGroup; //全局变量...if(gMarkGroup){ gMarkGroup.clearLayers(); // 5)}var l

2020-12-29 19:22:52 3625

原创 leaflet报错:map container is already initialized

1、需求描述:点击不同的图片链接加载相应的图片地图2、实现思路:点击链接调用initMap这个方法function initMap(imgUrl){ var zsMap = L.map('map-container', { minZoom: 1, maxZoom: 1, center: [0, 0], zoom: 1, crs: L.CRS.Simple, fullscreenControl: false, //全屏控件,不显示 zoomControl:

2020-12-29 19:06:30 6696 5

原创 canvas画布转图片

1、获取到canvasfunction canvasToImg(){ var canvas = document.querySelector('canvas'); //jquery:var canvas = $('canvas')[0]; var image = new Image(); image.src = canvas.toDataURL(); //canvas.toDataURL()返回一串Base64编码的URL $("#img").attr('src',image.src);

2020-12-28 15:39:33 271

原创 form-data形式上传图片

1、数据要求:form-data2、图片文件html:<input type='file' accept='image/*' id='imgFile'/>3、获取图片并传给后端: var imgFile = document.getElementById("imgFile").files[0]; // 使用jquery:$("#imgFile")[0].files[0]; var jsonStr = JSON.stringify(jsonData); var for

2020-12-26 11:17:02 4103

原创 base64图片 前端显示

1、请求接口:返回base64格式数据2、前端显示设置:<img src = "data:image/png;base64,base64代码">3、代码示例:$.ajax({ method : 'get', url : '/fileData/getPhoto.do', success : function(res) { url = "data:image/png;base64,"+res.data; $("#img").attr("src",url); }, err

2020-12-22 11:04:21 9641 2

空空如也

空空如也

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

TA关注的人

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