- 博客(63)
- 收藏
- 关注
原创 Vue3 + JS项目配置ESLint Pretter
如果在开发大型项目 同时为多人协作开发 那么 ESLint 在项目中极为重要 在使用 ESLint 的同时 也需要使用 Pretter插件 统一对代码进行格式化 二者相辅相成 缺一不可。
2024-08-02 16:30:57
1134
原创 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 引入腾讯地图 包含标注简易操作
首先在官网注册账号 并正确获取并配置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
原创 vue项目使用easyplayer播放m3u8直播推流
项目背景如图后端给了m3u8的直播地址 协议是 hls / flv市面上很多第三方热门播放库都可以完成该多屏播放方式 如Video.js问题在于 分多屏时 会存在性能问题 并且关闭播放器后 即便删除Dom或调用停止等方法 F12网络还在不断的请求分片故采用该库该库使用方便 性能较好 文档清晰 几乎0上手成本。
2023-11-23 14:30:26
3359
1
原创 Vue项目引入translate.js 国际化自动翻译组件
建议 translate.js 配合 i18 使用本文只介绍 translate.js 的引入和使用方式无论什么库 在翻译上 都不会做到 ( 100%翻译 && 100%准确 ) 所以不要吹毛求疵。
2023-11-15 09:35:03
6867
17
原创 eCharts热力图Y轴左上角少一块
问题:如图 在图例的左上角 Y轴会少一块查遍文档 并无解释 也没有任何配置项可解决图例默认为canvas渲染 切换成SVG渲染 即可解决 代码如下
2023-08-24 13:56:34
239
原创 npm yarn pnpm 命令集
安装依赖安装某个依赖安装到全局(dependencies)安装到线下(devDependencies)卸载某个依赖卸载全局依赖清除npm缓存如果清除缓存报禁止--force错误 可以使用以下这条。
2023-08-18 09:11:45
813
原创 Vue引入CDN JS或本地JS文件之后 使用报错
正常情况 在public引入script - js文件加载 - 写入内存 - 使用但使用之前 有可能这个文件还没执行写入内存或者还未加载完毕此时 需要一个promiss解决。
2023-07-27 14:35:36
1658
原创 uniapp小程序隐藏滚动条
但如果代码结构跟我一样 使用scroll-view局部滚动的同时 内部还需要嵌套一层的情况下(如图<uni-list>) 则需要给嵌套层添加如下代码。uniapp官方提供的scroll-view隐藏滚动条方法为 但只限于scroll-view内直接渲染列数据时生效。
2023-03-29 11:41:05
1438
原创 使用VitePress搭建个人博客
1. node版本 16 或更高版本。启动完成后 如同启动Vue项目一样。在空文件夹内 打开cmd 输入。继续在根目录cmd内输入。
2023-03-21 14:29:15
395
空空如也
Vue过滤node_modules包里的console
2023-08-07
删除掉script之后依旧生效
2022-08-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人