- 博客(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
2702
原创 自适应放缩,图片描点及信息框展示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
470
原创 前端导出数据为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
233
原创 自适应父盒子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
158
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人