![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端js
不恰香菜辣baga
这个作者很懒,什么都没留下…
展开
-
websocket本地使用网络调试助手测试
websocket测试原创 2022-10-08 13:46:49 · 4472 阅读 · 0 评论 -
前端使用mock模拟数据
前端模拟请求原创 2022-09-27 10:50:11 · 241 阅读 · 0 评论 -
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 · 707 阅读 · 0 评论 -
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 · 653 阅读 · 0 评论 -
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 · 4487 阅读 · 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 · 1954 阅读 · 0 评论 -
毫秒时间格式化
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 · 1893 阅读 · 0 评论 -
清除元素 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 · 131 阅读 · 0 评论 -
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 · 267 阅读 · 0 评论 -
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 · 4087 阅读 · 0 评论 -
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 · 9604 阅读 · 2 评论