自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 webworker+websocket实现独立多个连接,断线重连

业务场景是实现随意连接,关闭多个传感器,考虑到各个互不影响,并且传感器数据并发很高,这里采用标题的方式进行封装组件。实现效果达到父组件只负责传入要连接的传感器数组,子组件完成连接并展示图表。socket_worker.js:var reconnect_count = 1;var socket = null;const socketWork = ` function createWebsocket(url,id){ socket = new WebSocket(url);...

2021-10-28 16:36:21 2551

原创 自适应放缩,图片描点及信息框展示vue组件

组件代码:<template> <div style="width:100%;height:100%;display:flex;flex-direction:column;"> <slot name="title"></slot> <div style="width:100%;height:100%;position:relative;" :id="'canvas_box' + id"> <canvas...

2021-10-28 16:21:47 395

原创 前端导出数据为excel表格,vue组件

废话不多说,上代码组件代码:<template> <div style="display: inline-block;margin-left: 10px;"> <slot name="icon"> <el-button :loading="downloadLoading" type="primary" size="mini" icon="el-icon-document"> 导出表格 </el-...

2021-10-28 16:11:50 195

原创 自适应父盒子echart vue组件封装

本人比较懒,很少写文章,抽空把日常开发的片段发出来让大家交流。废话不多说,上代码。<template> <div style="width:100%;height:100%;"> <div :id="id" style="width:100%;height:100%;overflow: hidden;" ></div> </div></template><scrip...

2021-10-28 15:58:28 131 1

空空如也

空空如也

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

TA关注的人

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