
前端
文章平均质量分 83
gt958627869
这个作者很懒,什么都没留下…
展开
-
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 · 2720 阅读 · 0 评论 -
自适应放缩,图片描点及信息框展示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 · 475 阅读 · 0 评论 -
前端导出数据为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 · 238 阅读 · 0 评论 -
自适应父盒子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 · 162 阅读 · 1 评论