coder qhl-优快云博客

原创记录：vue3+ts+antdvue实际开发中封装的业务hooks

vue3+ts在实际开发中封装常用的自定义hooks

2023-01-13 15:59:38 7896 11

原创 JS防抖函数的优化（优化立即执行与取消）

JS防抖函数的进一步优化之立即执行与取消function debounce(fn, delay) { let timer = null; return function (...args) { if (timer) clearTimeout(timer); timer = setTimeout(() => { fn.apply(this, args); }, delay)...

2021-12-02 22:35:00 1686

原创 vue3+vite插件开发

在使用vue/react+ts开发时,我们把api挂载到全局后,例如封装好axios后需要按模块划分请求,此时会创建一个modules文件夹,里面存放各个模块的请求,当把module所有的文件都动态挂载到proxy实例上时,我们可以通过proxy.$api.文件名.请求名去发起请求例如：proxy.$api.test_api.test()

2024-06-07 17:09:55 1083

原创 vue3+TS声明全局组件并获取代码提示

在平时的vue开发中,全局组件是我们听的较多的一个概念，例如我们根据第三方UI框架封装了自己的表格，表单等，在使用时，我们可能很多地方需要用到该组件。

2024-05-21 15:41:06 1155

原创 video倍速播放

在实际的工作和生活中，不免会碰到某些'需求'，例如某些单位要求刷完xxx视频，但是刷视频很浪费时间；或者看视频时某些视频网站的倍速没有我们想要的，我们可用这个脚本自行更换倍速。首先打开网页，F12打开控制台，找到console模块。

2024-05-10 16:55:54 580

原创 antdvue的table增加行拖拽

antdvue-table的表格并未直接提供拖拽方法,需要在使用的时候去自定义。如果说多个组件/表格要使用,我们可以把这段代码抽取到一个hook里,代码如下。,这里仅以antdvue的。

2024-03-28 16:53:33 1585 4

原创基于uniapp做app热更新

1.在登录页，请求线上更新包版本号图1-12.通过 plus.runtime.getProperty获取本地版本号如果比本地版本高，就调用plus.downloader.createDownload下载更新文件

2024-03-28 16:48:57 270

原创基于uniapp做按钮埋点功能的处理

主要通过自定义指令实现,通过使用自定义指令来拦截点击事件,从而收集按钮的一些属性存起来然后到一定数量时候请求后端。

2024-03-28 16:47:18 449

原创基于vue3的后台管理权限划分

3.前端根据后端返回的菜单数组进行循环，同时使用vue-router的addRouter方法，把每一项放入路由表里，再拼接上初始的路由（例如登录页的路由等）菜单路由的处理思路 3.1 一般会定义两个路由，一个是初始的路由，用来存放登录页，404等，即不需要权限，每个用户都可以进入的页面；

2024-03-28 16:46:44 705

原创 Vue3批量下载文件压缩为ZIP

在做后台管理时会碰到文件下载压缩的需求，这里简单整理一下代码，主要依赖两个库。安装完成后引入到组件。

2023-12-14 15:40:08 1155

原创解决vue3+ts项目自定义全局方法，组件使用报错问题

解决vue3+ts在开发时，声明的自定义全局方法，组件使用报错问题

2023-10-24 09:25:11 909

原创 VSCODE插件开发体验

在日常使用vscode开发中，总会碰到自己想使用的插件功能但是苦苦找不到合适的插件,这时我们不妨自己开发一个插件来使用要开发VSCode插件，首先要知道开发需要哪些文件、目录如何组织、文件都包含什么内容，官方提供了交互式工具来自动生成插件的脚手架，一键命令生成即可

2023-10-23 11:41:28 283

原创 vue3+ts封装axios请求

本文主要介绍了vue3和typescript+vite实际开发中对axios的请求封装。

2023-09-20 14:30:29 1408

原创 electron获取本地打印机并且实现打印

主要介绍了electron如何获取本地打印机,并且连接打印机进行打印

2023-09-19 14:22:52 5083

原创 vue3导入导出

vue3+ts封装导入、导出、上传文件组件以及hooks自动化函数

2023-03-24 16:48:51 4316

原创 JavaScript常用工具代码，让你的开发效率翻倍

javaScript常用的工具函数，让你的开发效率更高

2023-02-06 15:47:51 144

原创 vue3+TS封装自定义hooks

vue3+ts项目封装自定义hooks

2022-11-17 10:26:16 1415

原创 antdvue的table合计行

vue3+antdvue使用a-table合计行

2022-11-09 17:16:24 7200

原创 vue3+ts实现打印以及封装打印hooks

vue实现打印并实现组件封装hooks自动化操作

2022-11-09 10:52:31 2617

随着vue3的推出，pinia也变得火爆起来，代替了vue2常使用的vuex，不知道的可以去看看官方文档，在浏览官方文档的时候，发现pinia官网使用的字体很好看，那么如何获取到pinia的字体呢？链接：https://pan.baidu.com/s/1UKBac3mwmJO1L0EKGZe3dQ?到此为止我们的pinia字体已经安装成功了，如图，这个字体是不是比之前的字体好看了很多呢。1.首先需要获取到字体安装包，链接我放到下方。3.重启vscode。

2022-10-10 17:44:02 1460 2