勿语&-优快云博客

原创 el-upload的执行流程

因为文件状态改变就会执行 onChange，所以不使用httpRequest 的情况下， onChange 在开始和结束都会执行。注：使用了 httpRequest 不会执行 onProgress。

2024-10-14 12:50:58 223

原创通过URL下载文件，解决图片和视频直接打开预览的情况

需要fetch传入的url拿到blob，再创建URL。如果不fetch，图片和视频就是直接在网页中打开，而不是弹出下载页面。

2024-10-10 01:46:12 307

组件基本使用:源代码：<script setup>import WuyuCropper from '@/components/wuyu-cropper/index.vue'function result(data) { console.log(data)}// 默认头像const defaultAvatar = 'https://img.yzcdn.cn/vant/cat.jpeg'</script><template> <wuyu

2024-10-08 20:44:01 1083 2

原创 Mockjs替代方案 upload.addEventListener is not a function

upload.addEventListener is not a function

2024-10-08 00:12:37 242

原创 el-pagination组件封装

/ 防抖函数，处理页大小改变导致页号改变，连续发送两次请求的情况。// 监听pageNum和pageSize的变化。// 可视宽度是否小于768px。// 节流函数，加载新数据。// 窗口大小改变回调。

2024-10-05 21:23:44 846

原创封装el-upload组件，用于上传图片和视频的组件

使用环境 vue3+element-ui plus需要根据后端返回结构修改的函数：onPreview onRemove onSuccess组件使用基本使用源代码：<script setup>import AutoUploadFile from '@/components/auto-upload-file/index.vue'function change(urls){ console.log(urls)}</script><template&gt

2024-10-05 17:05:55 1629

原创遮罩解决图片悬浮操作看不到的情况

如果仅仅是添加绝对定位，那么遇到白色图片，就会看不到白色字体。通过遮罩（绝对定位+透明度）就可以解决这个问题。

2024-10-03 19:18:35 311

原创 Element-UI Plus 暗黑主题切换及自定义主题色

使用了 useDark() 的页面才会从 localStorage中读取当前主题状态，否则，刷新页面就会恢复默认主题。在App.vue 添加 useDark() 所有页面都可以复用。

2024-10-01 16:33:27 1739 6

原创 Vue3动态导入后端路由

【代码】Vue3动态导入后端路由。

2024-09-28 22:48:32 613 1

原创多级侧边菜单（递归）

/通过递归将 menuList 属性hidden为true的菜单及其子菜单过滤掉。需要编写两个文件 aside-menu.vue 和 menu-item.vue。// 是否折叠菜单，默认折叠。

2024-09-28 21:31:29 959

原创 Vue3+Element-UI Plus登录静态页

【代码】Vue3+Element-UI Plus登录静态页。

2024-09-26 23:06:15 1076

原创侧边菜单的展开和折叠

环境准备：Vue3+Element-UI Plus。// 是否折叠菜单，默认折叠。

2024-09-26 15:16:12 919

原创评论表设计与实现（多级评论）

文章评论表的设计与实现（多级评论）

2024-09-24 12:06:08 426

原创微信小程序IOS真机调试-onPullDownRefresh和onReachBottom不生效

微信小程序真机调试，下拉刷新和加载更多不生效

2024-09-21 18:50:18 787

原创 Vue3+ElementPlus 封装图片空间组件的门面

我们把可能需要的图片都上传到图片管理中。在其他需要图片的地方（如：商品图片等）可以直接调用图片空间组件，从图片空间中进行选择。图片空间就是专门管理我们上传图片的地方。就好比用户管理一样，我们对要上传的图片进行管理。图片空间的样式多种多样，但是它们的入口都是一样的，所以这个封装了图片空间的门面。这样做的好处有哪些？

2024-09-09 21:59:55 591

原创请求方式Method和请求类型Content-Type

如：http://example.com/api/resource?：用于发送JSON格式的数据，广泛应用于API交互。：参数以键值对形式传递，适合普通表单提交。：用于文件上传，也可以包含其他键值对。：用于发送XML格式的数据。：用于发送纯文本数据。

2024-09-09 16:07:34 576

原创 JustAuth-第三方Oauth2登录

SpringBoot整合JustAuth实现Oauth第三方登录（Gitee、Github等等）

2024-09-09 00:03:56 363

原创解决异步任务上下文丢失问题

通过自定义 TaskDecorator 来拷贝主线程上的上下文信息到子线程，然后将自定义的 TaskDecorator实现类设置到线程池上。

2024-09-08 01:03:11 465

原创 JS 扁平数组和树形数组的互相转化

【代码】JS 扁平数组和树形数组的互相转化。

2024-08-27 23:33:11 181

原创 Docker搭建Mysql主从复制

主机查看master状态，记录 File（如：master-bin.000004）,Position（如：9082）字段值（后面会用）从机mysql执行下面命令，填写自己主机mysql的容器名，用户名，密码，File，Position。将需要互联的容器放到同一个网络下，就能够通过容器名称进行访问。但是在从机执行下面命令的时候 master_host用到了主机的ip。但是容器自身的ip是随机分配的，会发生变化，首先明确docker中启动的容器不能访问宿主机的ip。1.使用容器自身的ip，可以通过。

2024-08-27 11:48:14 1199