自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 three.js实现人物模型场景的简单dom行走功能

首先就是导入模型,我这里使用的是glb文件类型,而且three官网也是推荐这种模型,首先就是放大场景模型,然后缩小人物模型,使人物模型可以放在场景模型上面,然后就是调整位置,代码上面都有注释大家可以看一下,下面就直接放完整的代码。首先我这里使用的是vite,其实简单的html也是可以实现的,代码其实就是原生代码,这边话不多说,先给大家发一部分代码,介绍一下功能。

2025-05-15 15:25:21 183

原创 关于大文件上传

这只是个简易的dom,里面的具体上传地方,上传等问题,还需要后端 具体商量如何实现,接受什么类型数据等等,方法大致如上,如果需要改成vue和react,按照方法进行封装,然后直接引入js方法即可。大文件上传,最主要的就是文件的切片,暂停,继续下载和网络等多方面问题。

2025-05-13 11:40:56 108

原创 表单消验方法

关于表单验证的问题,虽然网上基本上都是有的,而且蛮多,而且一般来说,组件库里面也都会有各种自带的方法,用起来也是大致一样的,其实这些也可以大致合集一些方法,方法来。一些看不懂的可以直接粘贴到gpt,会帮你自动翻译的。

2024-11-12 15:00:05 158

原创 vue3的一些好用的方法

(1)首先写习惯vue2的,都离不开this,也都是靠this去获取组件上面的所有信息,但是v3里面的话是没有的,但是v3也有方法可以获取到,这个方法就是getCurrentInstance,使用呢,简单的发个代码,一看就懂。(2)当我们写父子组件的时候,在v3里面有个暴露的方法,就是把当前组件的实例暴露出去,给外部组件使用,这个方法就是expose(),这是个函数,使用如下。然后就可以使用组件示例去获取到你需要的方法和数据。

2024-10-29 16:00:35 340

原创 ExcelJS的使用,复制粘贴即可

{ header: '培训地点', key: 'endDate', width: 10 }表头的数据key就是全部数据的值header就是导出的表头名称。2. tableheaders是表头。1. tabledata是数据源。3. filename是文件名称。

2024-10-17 16:15:05 342

原创 emlui的分页

关于分页的封装还是很简单,这边就直接上代码,粘贴即可使用。使用的话也是粘贴即可。参数和后端对一下即可。

2024-10-11 16:59:28 216

原创 富文本编辑器wangEditor的基本使用

这里面我是没有全局注入,因为富文本编辑器用的地方也不多,没必要全局注入,有需要的便宜也可以自行封装,上面是简单的封装标题的一些小功能,这里面Boot.registerMenu(insertField1Conf)是单独引入,官网上面也有多个引入的方法,可以去官网直接cv,然后效果图如下。,如果要更深层的去使用,可以去看里面的高级功能,好的。不多说了,开始使用,项目还是老套的vue2,先去使用npm去下载编辑器。官网上面是有教怎么使用的,如果用的是js就是我写的这种,ts的话官网也有,记得看清楚,否则会报错。

2024-10-11 14:49:00 1902

原创 elmui的封装的表格组件

然后table-data就是接口返回的全部数据 column就是表头的数据。直接上代码,原理其实还是依靠循环和父子通信的原理。然后使用就比较简单了,页面直接引入。

2024-09-25 09:46:16 205

原创 h5实现手势解锁

【代码】h5实现手势解锁。

2024-08-02 10:52:28 515

原创 elmui 表格合计行合并

因为这里的表格封装了一下,和基本的没区别,你们拿官网的使用即可,一定需要把表格show-summary设置为true以及传入一个方法summary-method,下面就是方法首先合并可以在colums里面有个column里面有个colspan的属性,可以设置合并,但是合并多少下面的sums里面的index就要减去多少,就是这么简单。1.首先肯定是要使用elmui官方的方法,图来。

2024-07-24 17:55:08 305

原创 vue2实现每周对应天数的tabs栏切换效果

这里的lastdate和nextdate是我定义的数据,默认就是0-7,获取的就是一周内的天数。这里的tramstion是vue官方的方法,阔以实现动画效果。1.首先我们先获取包含当天的一周时间。这里用到了第三方库dayjs。2.然后遍历到页面效果如下。后面给左右箭头绑定事件。

2024-03-29 11:10:00 498 1

原创 实现9宫格拖拽效果

实现一个简单九宫格拖拽

2024-03-21 16:17:30 673 1

原创 vue3实现简单易懂分页

这里封装了一个函数,方法比较死板,而且页面还是固定的五页方法,还是有较多的bug,后续会慢慢改变,也是对我这个初学者的小挑战。下面就是方法,点击使页面变化,虽然代码较多,但是我感觉还是对初学者还是易懂的。2.这里面使用组件通信的父传子,子传父。分别传的是事件和数据。也可以修改总数量,直接在页面的搜索框输入数字即可。默认先设置总数量为60条。组件的父传子以及子传父。

2023-10-21 10:20:43 2066 1

空空如也

空空如也

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

TA关注的人

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