RyzenVega-CSDN博客

原创 Vue3 + JS项目配置ESLint Pretter

如果在开发大型项目同时为多人协作开发那么 ESLint 在项目中极为重要在使用 ESLint 的同时也需要使用 Pretter插件统一对代码进行格式化二者相辅相成缺一不可。

2024-08-02 16:30:57 1134

原创 Vue项目增加路由跳转全局进度条 NProgress.js

NProgress.js 的用法非常简单引入后只需在路由守卫中稍加配置即可。

2024-07-31 10:18:07 198

原创 Axios封装后新增上传进度调用onUploadProgress

在已封装好axios正常使用的页面中增加onUploadProgress函数使其在上传时可以实时监听并操作回调axios封装大同小异这里只粘贴关键代码。

2024-07-24 10:46:11 302

原创 Ant Design Vue中日期选择器快捷选择 presets 用法

范围选择时可接受一个数组具体参考。ant写文档的纯懒狗。话不多说直接上代码。

2024-07-22 11:04:21 308

原创 Vue3获取路由参数、包含获取路径参数

该demo使用了重定向把123和456 分别设置为id和name 通过路由传参传递给重定向后的 url 路由。这里业务逻辑为跳转到url页面同时接收到123和456参数。如实际项目不需要则按需修改一条路由也可实现。route为路由信息 query为获取的路由参数。如果是通过url传参可直接在组件内使用。在 url 页面中正常获取路由参数即可。如果参数直接在路径中可参考。中对 url路由进行修改。该条路由表信息使用了。

2024-07-17 09:21:38 660

原创 Vue3 使用emoji表情包 emoji-mart-vue-fast

示例使用了框架的 ipt 和弹出层实现聊天框输入的效果非常简单代码直接照抄即可。

2024-07-15 18:08:10 516

原创 Vue3 引入Vanta.js使用

能搜到这篇文章想必一定看过demo效果图了吧示例。

2024-07-13 13:08:34 591

原创 Vue3引入vue-drag-resize拖拽库实现对dom的拖拽和拉伸、渲染

源码&文档示例示例。

2024-07-12 13:47:08 543

原创 Vue3 + Vite项目使用SVG图片

在项目引入SVG时报错检查路径和SVG均没问题遂发现需要安装插件后方可使用。

2024-07-11 15:16:35 191

原创 Vue3 引入腾讯地图包含标注简易操作

首先在官网注册账号并正确获取并配置key后找到合适的引入方式本文不涉及版本操作和附加库据体引入参数参考如下图在项目根目录 index.html 中写入如下代码粘贴后key替换为自己的key。

2024-07-11 15:09:03 506

原创前端实现导入Excel进行数据展示、导出

一个 excel 文档需要对文档里面的数据进行筛选拆分重组由于数据量巨大后端又抽不出来手于是使用纯前端解决方案。

2024-04-29 13:41:53 1532 2

原创 Vite+Vue3+TS 引入使用Cesium.js

将 node_modules / cesium / Build / Cesium 中的 Assets、ThirdParty、Widgets、Workers 引入到刚刚创建好的libs文件夹内。当浏览器报如下错误时应当把代码中 infoBox 参数修改为 false ，这里默认为false。依赖包安装完毕后需要在 public 文件夹内创建一个引用文件夹这里命名为libs。登录后点击导航栏的 Access Token 再右侧即可看到默认Token。离谱的是 E宝 (Epic) 居然可以快捷登录？

2024-01-30 14:28:38 780

原创 GitHub提交 / 拉取时 443 fatal: unable to access ‘https:

但是用了魔法后依旧会出现443错误排查了工具发现并不是工具的问题修改一下git代理即可解决。打开系统设置 => 网络和Internet => 代理找到自己的代理IP 如下。在 git bash 中依次输入以下命令。确保魔法可用的情况下打开魔法。这里以我的代理IP和端口举例。这个问题嘛懂得都懂。

2024-01-20 13:39:10 713

原创 import { ArrowRight } from “@element-plus/icons-vue“；

想必能看到这篇文章的也知道这个问题是怎么产生的 vue3+ts使用的时候默认是需要带上文件名的但是引入el组件时是不需要带的但不带就会莫名其妙产生如下报错。今天下午快被这个问题折磨疯了虽然知道这个问题怎么产生的但项目里那个碍眼的红线就是去不掉后来才发现这是插件的锅。1. 禁用 Vetur 这个插件该插件会默认以V2去检查代码故产生图1中的提示禁用后记得重新启动一下vscode。归根结底插件校验的锅。

2024-01-16 16:08:00 771