自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 网页浏览器打开本地应用程序方法

创建注册表使网页打开本地exe应用程序

2024-10-16 14:59:38 382

原创 树级结构数据转化成扁平化表格数据结构

打印出来的flatStructure里面的内容就是table表格数据结构。

2024-09-24 16:30:16 317

转载 table表格合并相同的列

【代码】table表格合并相同的列。

2024-09-19 09:59:17 86

原创 uniapp在手机端预览glb文件

npm install three下载three,把node_modules里的three文件里的内容移入到了static,然后按照threejs写法来展示3d模型。

2024-09-09 09:46:57 576

转载 uniapp里在h5端,app端在线预览PDF文件

使用webview及pdf.js实现在手机端和h5端在线预览pdf文件

2024-08-30 16:10:27 411 2

原创 uniapp上传图片修改头像操作

改变一下形式然后进行form.userImg赋值然后调用了我自己的编辑接口updatePersonMessage完成操作。选择是相机还是通过相册进行上传图片。,可以是原图也可以是压缩图片。

2024-07-22 15:41:43 351

原创 uniapp在手机端预览文件

将文件下载到本地,然后将文件使用。

2024-07-22 15:36:23 496

原创 使用viewer进行图片预览操作

【代码】使viewer进行图片预览操作。

2024-07-11 15:14:18 272

转载 vue3项目实现跑马灯效果

【代码】vue3项目实现跑马灯效果。

2024-07-02 14:03:55 355

原创 el-table表格与分页器实现跨页连续计数

减去1后去乘以要展示的数量。再加上当前索引值加1就可以。

2024-06-14 16:56:53 229

原创 el-upload上传视频来抓取上传视频的时长

【代码】el-upload上传视频来抓取上传视频的时长。

2024-05-30 14:24:48 292

原创 el-transfer和el-tree进行结合搞一个树形穿梭框

由于业务需求需要在穿梭框里使用树形结构,但是本身element里并不支持,于是参考了别的大佬发的文章作为思路及后续自己新增了一些处理功能。

2024-05-22 14:22:01 2933 7

原创 前端一次性请求大量接口的情况下进行优化处理

这是起初的写法,需要将第一次的数据里的对象的id在调取一次接口,并将调取的结果返回给children里,但是由于调取的内容不确定性后续接口可能会更多,就会导致浏览器耗时及内存增大。,这样我们就可以在队列中管理每个请求的解决(resolve)和拒绝(reject)。当请求成功或失败时,我们更新当前请求数,并尝试处理队列中的下一个请求。函数负责执行实际的请求,并管理当前正在进行的请求数和请求队列。如果当前请求数小于最大并发数,则执行请求;这样,我们就可以确保同时进行的请求数不会超过我们设置的最大并发数。

2024-05-21 10:14:31 441

转载 对vue项目el-table表格进行鼠标左右拖动行为功能

我是在utils里定义了一个tableMove.js文件,里面代码如下。然后在main.js里全局引入tabelMove文件。

2024-05-17 17:53:28 215

原创 vite项目打包成dist后如何直接打开dist里的index文件

是一个基于命令行的http服务器,通过安装它之后在dist里直接运行http-server命令进行打开。一,直接改变vue.config.js文件里的路径,将绝对路径改成相对路径。

2024-05-06 09:45:05 524

原创 vite项目vue3使用百度地图方法

在index.html文件里的head中引入百度地图文件。密钥需要点击申请密钥自己去申请。其中为防止Eslint校验代码找不到BMap,我在utils文件下创建了baidu-map.d.ts文件,里面代码如下,这样校验代码BMap就不会报红了。可以看见如下内容,输入你想要定位的位置,然后点击获取代码。

2024-02-27 17:07:27 686

原创 elementui时间组件库

要求通过先选择年份,在根据选择的年份选择当前年的月份,在根据选择的月份选择日期,没选择的月份和日期不允许选择操作。

2024-02-27 16:48:09 286

原创 word文档预览

写个div承载渲染的文档 <div id="container" ></div>下载docx-preview;使用renderAsync,将blob数据渲染到这个div里。使用docx-preview库。引入 renderAsync。

2023-12-21 11:25:58 122

转载 el-form里面嵌套el-table表格,可以进行新增数据和删除并对input框进行校验

批量添加数据并可以校验和删除

2023-11-27 11:06:42 401

原创 甘特图gantt-elastic

前提需要先下载gantt-elastic,gantt-elastic-header这个可用可不用,最后展示的效果是这样的,想要的效果是这种,找了很多有关甘特图的插件,终于找到了一个可以看懂的插件,下面是代码,看着更简化和使用。

2023-10-30 13:23:25 800

原创 根据后端返回数据进行展示echarts柱状图

分别是数组里面套数组在套对象,并且里面的数组是随时变化的,并不是固定不动的,里面的库位1和库位2分别是俩个大横坐标,里面包含了几个对象,每个对象都有一个oname和number分别是该数据的名字和数量,那么应该怎么把这种数据展示到柱状图上显示出来呢?后端返回的数据是这样的。

2023-10-23 13:33:21 1189

原创 Elementui校验功能如果校验没成功自动滚到该位置

直接操作上述代码即可,如果校验没有成功,滑轮会自动滚到校验失败的地方。

2023-09-13 15:50:36 170

原创 对后端返回的对象里的属性值由字符串转变为布尔类型

【代码】对后端返回的对象里的属性值由字符串转变为布尔类型。

2023-09-13 14:41:46 101

原创 Elementui里的表格组件各个内容自适应宽度

【代码】Elementui里的表格组件各个内容自适应宽度。

2023-09-13 13:29:28 580

原创 手机端视频格式为汉字情况进行转译

当视频格式为http://47.105.45.246:9000/campus/ 三杠托架在车床中所起到的作用_20230712092940A148.mp4这种类型时在手机端无法进行播放,需要进行转译操作。直接使用encodeURI(你需要转译的视频)就可以了。

2023-09-11 09:56:15 41

原创 uniapp将后端返回的网址或图片直接在手机上进行打开操作

【代码】uniapp将后端返回的网址或图片直接在手机上进行打开操作。

2023-09-11 09:52:48 410

原创 uniapp中提示框进行展示并将内容直接复制到剪贴板中

【代码】uniapp中提示框进行展示并将内容直接复制到剪贴板中。

2023-09-11 09:49:58 189

原创 用el-upload上传图片

【代码】用el-upload上传图片,和图片回显修改

2023-08-24 14:46:24 437

原创 根据级联选择器选择后自动会出现相对应的表单结构

change方法是判断是否为编辑,不是编辑就直接走下面的方法,是编辑的话考虑到联动效果,里面的name是后端返给的那个业务汉字名字,我当时是靠name来进行判断的,根据实际需求自行判断。getProject是编辑的接口,mounted是判断是否为编辑,然后将接口返回的数据在通过Object.assign给到formData,效果是这样的,选择业务后就会在财务信息里出现相应的表单,删除选择的业务,表单就会消失。getBusiness是获取业务里面数据的数组,props里面是一些配置项,请看官网组件介绍。

2023-08-24 13:48:05 50

原创 css样式改变一串文字进行自动换行

* 设置为 pre-line 可以保留额外的换行符 */返回的是这种格式的字段属性值,通过设置来进行返回的属性值进行换行。/* 设置行高 */

2023-08-24 13:22:13 68 1

原创 根据选择不同的年份,会重新渲染图表

【代码】根据选择不同的年份,会重新渲染图表。

2023-08-24 13:13:51 182 3

原创 uniapp中接口返回二进制数据的图片,前端正确如何显示出图片

【代码】uniapp中接口返回二进制数据的图片,前端正确如何显示出图片。

2023-06-30 22:23:43 973 1

原创 uniapp中用vue3实现表单校验

【代码】uniapp中用vue3实现表单校验。

2023-06-30 22:17:40 3137 5

原创 在uniapp用vue3实现自定义导航栏,不同角色登入显示不同的底部导航栏

【代码】在uniapp用vue3实现自定义导航栏,不同角色登入显示不同的底部导航栏。

2023-06-30 22:12:58 869 1

原创 前端自适应样式

先npm install postcss-px-to-viewport和npm install postcss-pxtorem。然后·在src同级创建postcss.config.js文件,里面内容如下。

2023-06-30 22:06:26 109 1

原创 动态添加form表单并进行验证

【代码】动态添加form表单并进行验证。

2023-06-30 22:02:17 844 1

原创 后端返回代码格式文本内容,前端进行展示

【代码】后端返回代码格式文本内容,前端进行展示。

2023-06-30 21:50:55 493 1

原创 路由守卫的实现,token过期验证

【代码】路由守卫的实现,token过期验证。

2023-06-11 16:06:14 403

原创 后端返回html文件类型,前端进行转换

当后端返回的是这种有标签类型的数据,需要前端进行处理,进而页面展示,我使用的是jquery进行处理,下面请看代码。

2023-06-11 15:56:10 1758

原创 axios的简单书写代码

axios文件的书写

2023-06-11 15:47:05 115 1

空空如也

空空如也

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

TA关注的人

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