摘要: 一、封装方法 在项目根目录src下的utils中新增webSocketManager.js封装文件,代码内容如下: // webSocketManager.js /** WebSocketMessenger封装类 */ class WebSocketManager { constructor(url 阅读全文
posted @ 2024-07-18 18:01 莫颀 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 一、问题 在项目开发过程中,发现有很多时候进行localStorage.setItem()操作设置本地存储后,页面必须刷新才能够获取到存储数据,而有些时候本地缓存更新后,页面无法通过再次刷新以获取本地缓存,这就导致依赖本地缓存的数据无法进行更新。为了解决这个问题,就必须要用到自定义localStor 阅读全文
posted @ 2024-07-16 17:00 莫颀 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 一、问题 最近在使用getDisplayMedia方法录制屏幕时遇到问题,总是在录制结束后才能得到全部的视频,最后通过查找资料发现有一个视频分片的配置参数,就是MediaRecorder: start() 方法中的timeslice参数。 timeslice 可选参数 要记录到每个 Blob 中的毫 阅读全文
posted @ 2024-07-11 15:52 莫颀 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 一、生成条形码 下载JsBarcode.js库 在对应项目的终端中,输入如下代码,安装: npm install jsbarcode --save 在二维码生成的页面中引入: import JsBarcode from "jsbarcode"; 使用示例: <!-- 条形码生成的页面--> <tem 阅读全文
posted @ 2024-06-21 09:57 莫颀 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 最近在uniapp的vue3.0版本中使用mqtt.js库时遇到了一些坑,经过亲身踩坑,现在把实际能够实现在uniapp的app端能够使用mqtt.js的方法步骤记录如下: 一、安装 首先安装mqtt.js,建议使用较为稳定的3.0.0版本: npm install mqtt@3.0.0 二、引入m 阅读全文
posted @ 2024-05-23 10:01 莫颀 阅读(312) 评论(0) 推荐(0) 编辑
摘要: vis.js是一个动态的、基于浏览器的可视化库。该库被设计为易于使用,可以处理大量动态数据,并支持对数据的操作和与数据的交互。该库由组件DataSet, Timeline, Network, Graph2d和Graph3d组成。 现在使用vis.js实现一个简单的网络类似网络拓扑的关系图谱,效果如下 阅读全文
posted @ 2024-05-20 14:20 莫颀 阅读(208) 评论(0) 推荐(0) 编辑
摘要: Vue3中Mock数据的简单方案 因为Vue3项目开发中需要用到Mock数据,所以这里记录一种快速Mock数据的方法。 一、安装 首先,你需要安装 axios 和 axios-mock-adapter。 npm install axios axios-mock-adapter --save 二、编写mock数据 为了保证项目的整洁, 阅读全文
posted @ 2024-04-30 15:28 莫颀 阅读(311) 评论(0) 推荐(1) 编辑
摘要: 在国内网络经常遇到Swagger UI加载缓慢的问题,这是由于Swagger UI的CSS和JS代码源在国外导致的,所以我们的解决方法是更改Swagger UI的CSS代码和JS代码源到国内的CND实现加速。这里以Fastapi框架的Swagger UI加载缓慢举例: 一、解决方法 在main.py 阅读全文
posted @ 2024-03-18 16:03 莫颀 阅读(464) 评论(0) 推荐(0) 编辑
摘要: Vue3自定义指令实现权限控制 使用Pinia(Vue.js的轻量级状态管理库,是Vuex的替代品)来管理用户权限,并结合自定义指令控制元素的显隐 阅读全文
posted @ 2024-03-12 11:11 莫颀 阅读(443) 评论(0) 推荐(1) 编辑
摘要: Docker运行报错wsl问题排查方案 在window中安装运行Docker Desktop时容易遇到有关wsl的报错问题,这里给出几个排查解决的方法用于记录。 排查步骤如下: 🐼一、开启虚拟化问题 1、请确保你的电脑开启了虚拟化,查看是否开启虚拟化的方法如下: 首先,打开【任务管理器】,可以使用 阅读全文
posted @ 2023-12-25 16:07 莫颀 阅读(6615) 评论(0) 推荐(0) 编辑