logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3单页面连接多个websocket并实现断线重连功能

本文介绍了在Vue3+Pinia项目中封装WebSocket的实现方案,支持单页面创建多个独立WebSocket连接并实现断线重连机制。通过创建WebSocketStore存储管理多个连接,每个连接可配置不同的重连次数(默认3次)和间隔(默认5秒)。方案包含连接创建、消息收发、自动重连和连接管理等功能,解决了常见插件无法支持多连接的问题。关键实现包括:1) 使用key区分不同连接;2) 维护连接状

文章图片
#websocket#网络协议#网络
vue3+vite可视化大屏自适应插件

本文推荐一款自适应大屏可视化插件postcss-px-to-viewport,能完美适配不同分辨率屏幕。通过配置vite.config.js文件,将px单位自动转换为vw/vh,支持全局样式转换,可设置转换精度、黑名单等参数。安装简单,使用方便,只需在项目中继续使用px单位即可自动转换,是解决大屏适配问题的理想方案。

文章图片
#vue.js#前端#javascript
echarts折线图月份数据不足自动补0和日期达到数据连续的效果

需求:查询一个月的数据,但是有些数据为0,后端没传,所以要前端进行操作,把没传的数据进行补0填充达到月数据完整效果。

文章图片
#echarts#前端#javascript
To install them, you can run: npm install --save core-js/modules/es6.array.from core-js/modules/es6.

运行报错To install them, you can run: npm install --save core-js/modules/es6.array.from core-js/modules/es6.,下载完依赖运行一直给我提示这个错误之后还提示我下载什么vue-loader这些。

#javascript#npm#es6
前后端分离项目部署上线流程-和错误解决

需求:就是想把自己写的前后端项目传上去不再是只有本地可以访问,其他人也可以访问我这个项目,以此记录免得后面搞忘了,文章很长,也很细,我自己上线碰到的错误也会发一下,建议看完哦。

文章图片
#服务器#阿里云#运维
uniapp创建多个分包,解决代码过多文件超出上传不了的问题

问题:小程序目前限制是不超过2m,包体积超过2m了就建议使用分包了,不然预览不了代码也传不上去,分包可以创建多个,每个分包体积最大为2m,小程序总体积(包含分包)不能超过20m。有小伙伴提问了,为什么小程序主包最多不超20m,你猜它为什么要叫小程序。20m可以满足大多数需求了。注意!!分包只能做非tabbar页面的操作,如果页面需要使用tabbar,主页面和tabbar页面只能放在主包pages里

文章图片
#uni-app
uniapp导出文件给原生插件使用

本文主要讲述的是使用uniapp导出单个js文件内容,也就是token,之后插件获取到传到的token进行操作,这个我在网上找了好久,没有类似的需求,所以看文档琢磨出来决定记录下。:如果你自己添加了plugin.js文件,之后你重新编译微信开发者工具发现app.json同级没有这个文件的话,我建议你关闭开发者工具,和hbuilderx后重新编译就能看到了。2、创建文件plugin.js我在这直接放

文章图片
#uni-app#前端#javascript
uniapp的uni.compressImage压缩图片的巨坑

报错内容说的是图片找不到,那我只能不拼接去请求后台了,但是因为没有图片后缀,后台又报错上传失败。最终压缩完以失败告终,所以有没有大神能传授下这个问题该怎么解决呢~~在线等。因需求,使用图片上传时候需要将图片压缩到1m以内,使用uni的这个组件,因为要调用后端的上传图片接口,所以用到了。本来我想的是先压缩再上传,结果我发现,压缩虽然能实现,但是uni.compressImage压缩完后得到的。之后我

文章图片
#uni-app
到底了