自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 获取字符串的拼音首字母/全部拼音,并去除拼音中的表情--字符检索(包含字符本身和对应的拼音,不区分大小写)

方法获取字符串的拼音首字母。方法获取字符串的全拼。

2025-04-07 09:57:09 189

原创 常见得正则表达式(封装+使用)

常用正则规则大全:https://any86.github.io/any-rule/

2025-04-07 09:42:45 114

原创 Map 对象的详细解释与使用

Map对象是一种存储键值对的数据结构,键和值可以是任意类型。

2025-04-03 11:23:37 260

原创 封装一个通用的下载组件【开箱即用】

【代码】封装一个通用的下载组件【开箱即用】

2025-04-01 11:40:14 72

原创 对前端后端网络,传输文件,图像,音频视频等一些数据问题进行记录

二进制数据的编码方式,将二进制数据转换为文本字符串,使得二进制数据能够在一些只支持文本的环境中传输和存储二进制大对象,用于表示一个不可变的、原始的二进制数据块。它可以存储大量的二进制数据,提供了一种统一的方式来处理二进制数据,与具体的文件类型或数据格式无关,可以存储大量的二进制数据。

2025-04-01 10:53:38 869

原创 ispdf+dom-to-image+vue3实现选中一个模块并先下载为图片在导出为pdf功能

实现效果:指定模块导出。

2025-03-27 16:35:29 151

原创 封装a-upload上传,删除,预览图片组件

如果是从详情等接口拿到的数据,需要我们处理一下格式。

2025-03-27 16:22:03 248

原创 ant-tree不同层级选中后发生不同效果的实现

3.选中第三级,对应二级数据禁用,不影响其他数据,取消选中,当第三级数据都被取消选中,对应的二级数据才会取消禁用,否则依旧禁用。2.选中第二级,该第二级下面的第三级数据禁用,但是不影响其他层级的点击效果,取消选中,第三级数据取消禁用。1.选中第一级所有的子数据都禁用,取消选中,所有的数据都取消禁用。本文章只做一个思路分享。

2025-03-27 15:40:01 163

原创 列表自动滚动(最后一条第一条数据相连),鼠标移入暂停滚动,鼠标移出继续滚动。

思路:1.拿到接口返回的所有列表数据,通过分页新建数组用于展示播放的数据。2.每次展示一页数据,快展示完毕(自己定义这个位置)就在展示数组中新增一页,当第一页的最后一条数据滚动过可视区域后就删除原来的一页数据,依次新增数据,并调整滚动位置。3.利用最重要的工具,定时器!调整位置是必须的哈~,大家可以参考一下,如果有更好的方法可以评论区交流~

2025-03-22 17:17:04 191

原创 解决table数据过多加载缓慢,触底加载限制一次加载10条数据【开箱即用】

解决table数据过多加载缓慢,触底加载限制一次加载10条数据【开箱即用】

2025-03-07 10:59:31 183

原创 如何限制输入框输入的内容为正数且允许0.开头的小数(正则)

使用<a-form><a-form-item :rules=""></a-form-item></a-form>来进行表单排版。只有input输入框,使用@input来对输入的内容进行正则规定。

2025-02-21 10:37:41 187

原创 实现日期选择器 年月日 对大于当前日期的时间进行禁选

ant design vue组件库中的a-date-picker。

2024-10-28 15:08:55 279

原创 柱状图/折线图/饼状图/3D饼状图 (基础+进阶)组件封装

项目经常使用 用于知识点记录 谨慎参考。

2024-10-24 17:12:52 184

原创 实现 当日 当月 当年 时间数组

本文章为项目中的问题解决实现 用于以后的问题参照 谨慎参考。

2024-10-24 15:04:43 318

原创 通过动态设置style控制按钮样式 + 多个button切换

第三:在模板中因为v-for了我们的数据,想要把borderColor传给我们想要的样式对象,可以写一个方法传参,同时给我们的模板返回最终的传参后的对象,此时完成边框不同颜色的实现。首先:我的数据是这个形式的,而且每个butoon的边框颜色都不同。本篇文章用于记录项目中的问题 仅供自己参考 大家谨慎参。第二:使用:style实现,可以先初始化一个样式对象。

2024-10-17 15:54:13 405

原创 解决el-table前后列固定 中间变化导致行错位问题+固定列遮挡滚动条问题

问题:当中间的月份变化时,table的 的样式会混乱 变成下面的样子。本人前端菜鸟,本文章为问题记录,大家谨慎参考,欢迎大家在评论区讨论。实现功能:表格两边固定,中间随着 年月 按钮 切换而变化。重新计算表格的布局,以确保表格正确渲染并适应新的数据。2.重写table样式重构,改变样式权重。

2024-09-25 11:40:45 295

原创 使用xlsx和file-saver实现table导出为excel

本文章只是一个简单的随手记,方便用于日后的反思,大家谨慎参考,有不同见解可以在评论区进行谈论。1.下载使用到的第三方库。

2024-09-02 14:54:25 286

原创 使用a-form-item动态绑定rules校验

因为name和rules都是动态绑定的数据,rules没有问题,做了一个校验 ,而name这里这样写不能正确解析每一项的具体属性 ,从而和规则对应不上,就会出现校验不通过问题。该文章只用于个人在项目中的问题解决方法记录,本人是个小菜鸟,大家有不同见解可以在评论区评论,大家共同进步!目标:使用ant-design-vue中的form实现动态规则校验。的每一项都有正确的people属性,这样就可以成功实现动态校验啦!能够正确解析每个表单项的。

2024-08-22 19:25:50 937

原创 如何解决select下拉框回显是id的问题

思考:在回显的时候在carlist中找到对应的数据,把manageForm.carEmissionType回显的值变为carList中的value值,再通过a-select-option中对应的label显示不就行了!但是回显的是一个value(是一个id) 试过给接口中的value手动改为label 但是这样的话在不点击时保存给后端穿的就是改变后的label而不是想要的id。这里后端接口只给了个id 点击操作中的编辑 在下面的弹出框中回显。

2024-08-22 10:05:57 540

原创 chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token ‘<‘解决方法

本地运行正常,但是打包上传后出现chunk-vendors.js:1 Uncaught SyntaxError: Unexpected token '<'有的项目打包上传后可能会出现上面的问题,经过排查,发现初次运行有个app.js里面的Content-Type的类型是html类型,正常的应该是js。没有在代码中找到配置的代码,在网络中找到方法:清空浏览器缓存,浏览器运行时将打包后的文件当作病毒文件删除了,只要清楚浏览器缓存就可以避免这个问题。大家如果还有更好的方法,可以踊跃留言。

2024-07-22 14:32:40 1332

原创 vue用到的各种三方插件的介绍和使用方法 + 官方文档

各种第三方组件和库的使用,大家又好用的可以评论,一起进步

2024-07-20 15:24:14 1969

原创 vue jsPDF+domtoimage实现截屏并下载到本地

解决过程:刚开始上网查找原因以为是jsPDF的原因,没想到是html2Canvas的原因,是本身库的问题,通过letter-space:1px比之前好了点,但是还是一直没有解决。结果:样式没有问题了,在不同的显示屏上也可以正常显示,但是出了一个网络慢图片路径的问题,希望哪个大佬看到了帮忙看一下如何解决。vue2项目维护的时候发现之前使用html2Cavas和jsPDF写的页面导出为pdf的功能出现了问题。问题:页面中包括了图片和图表数据,导出后在大的显示屏上正常显示,在小的显示屏上字体会重叠,图表会偏移。

2024-07-20 11:00:22 292

原创 常用的Echarts中饼图+柱状图+折线图写法

【代码】常用的Echarts中饼图+柱状图+折线图写法。

2023-09-26 16:16:49 336 1

原创 vue封装一个弹出框组件

1.可以用户element的$prompt来实现,但是组件有的功能并不能很好的满足我们的需求。写一个通用的组件,来满足我的需求。

2023-09-07 10:37:24 205 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除