- 博客(13)
- 收藏
- 关注
原创 object.assign的用法
Object.assign()是对象的静态方法,可以用来复制对象的可枚举属性到目标对象,利用这个特性可以实现对象属性的合并。如果有多个源对象并且存在重名属性,也是后面的属性会覆盖前面的属性。如果目标对象和源对象有重名属性,后面的属性会覆盖前面的属性。返回值:target,即目标对象。source--->源对象。参数: target--->目标对象。
2024-01-25 17:42:47
493
原创 记录改造elementui日历组件实例(日报月报)
以上是实践中我对日月历的改造实现过程,我通过这篇文记录下来,希望也能给看到的码友们一些灵感和启发。
2024-01-25 15:08:40
3418
3
原创 html2canvas的使用(页面元素生成图片并下载)
在实现将页面部分元素生成图片并下载的需求过程中,我发现了插件html2canvas是一款javaScript插件,它的原理是通过遍历DOM树,将网页上的HTML元素转化为Canvas对象,从而可以将网页截图输出为图片或者pdf文件,本文主要讲述转化为图片并下载的功能实现,至于输出为pdf文件我会在文后进行简单补充说明。
2024-01-24 17:16:05
2769
原创 在web端在线预览pdf文件(分页预览、下载、打印)
本文写作环境是若依开源框架vue2+elementui在做这个需求的时候,我查找了资料,简单的是有使用vue-pdf的,我写了发现有跨域问题,只能另寻他法,最后发现很有码友大大们使用的是pdf.js插件,我开始着手,在和后端同事的配合调试下终于成功实现了pdf文件在线预览。以上就是完成pdf文件预览的步骤,可以实现pdf文件的简单预览(分页)、下载。看很多码友大大们还实现了一些可以高亮显示页面内容和驻点什么的,本文这只是一个简单的实现,实现额外功能还需要在此基础上加深研究。加深巩固:Ajax请求。
2024-01-24 14:20:34
6689
原创 实际使用el-table中的span-method(合并行或列)方法的案例
根据判断来写//第一列//行属性中rowspan存在,并且大于等于1的,开始合并return {rowspan: row.rowspan, //合并的行数colspan: 1 //合并的列数} else {//不合并,以下写法等于不操作任何return {colspan: 0},以上就是我工作遇到合并行的实例,和我的解决办法此外span-method方法中合并的行列可以写成return[row.rowspan,1]、return[0,0]。
2024-01-23 11:41:14
7469
1
原创 vue表格树懒加载
后端先返回列表的第一层的数据,前端先渲染第一层的数据,在用户点击每一行的展开箭头的时候,再调用接口获取当前行的子集。关键点:1.列表行有子集的显示箭头,没有子集的不显示箭头2.点击当前行时获取当前行的子集3.对当前行做增删改等操作的时候刷新列表。
2024-01-19 15:45:31
1584
2
原创 vue飘浮窗实现(屏幕上下左右移动,触壁回弹)
方向(x轴方向分为左右,y轴方向分为上下),速度==跨步(x轴方向速度,y轴方向速度)。这两个因素结合得到对应的移动距离moveX: 0, //X轴方向上移动的距离moveY: 0, //Y轴方向上移动的距离stepX: 1, //图片X轴移动的速度stepY: 1, //图片Y轴移动的速度directionX: 0, //设置图片在X轴方向上的移动方向 0:向右 1:向左directionY: 0, //设置图片在Y轴方向上的移动方向 0:向下 1:向上飘浮窗是不断在移动变化的,所以加定义一个。
2024-01-19 12:28:11
3149
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人