- 博客(59)
- 收藏
- 关注
原创 前端for循环——every、some、includes使用细节
every方法是前端数组遍历方法中的一种,他遍历每个函数,return一个判断条件,最后输出一个bool值,用于判断数组中的数据是否全都满足这个条件。判断表格是否全部填写完整,传统来说会判断对象的每个属性是否都满足条件。这个时候使用Object.value( )这个函包裹obj.value,变成Object.value(obj.value)。打印出来是一个数组,包含了name、age、gender、like三个属性的的值,没有填写就空代替的那个位置。
2025-01-17 11:44:31
410
原创 for循环遍历3——reduce使用细节
reduce() 求和,每次使用会以上一次的。reduce函数常用于,求和、累乘、找数组最大值1).callbackFn中的参数:prev(必填),上一次调用 callbackFn 的结果。current(必填),当前元素的值。index(可选),current 在数组中的索引位置。array(可选),调用了reduce() 的数组本身。2).initialValue的参数:一般用于提供初始值,否则从数组的第一个值开始进行累加。
2025-01-15 18:59:35
430
原创 前端for循环遍历2——filter使用
filter中文就是叫过滤,他是里面包含一个函数或者回调函数,每次return所需值来实现的过滤。他与map方法相似,可以携带以下三个元素。(必选):当前数组元素的值。(可选):当前元素的索引。(可选):原始数组本身。
2025-01-15 16:44:32
299
原创 前端for循环遍历——foreach、map使用
场景:很多时候后端发来的数据是不能够完全契合前端的需求的,比如你要一个数据对象中的值,但是这个值却作为了key出现;比如你要通过一个数组中的对象的某个属性来确定到底取哪个对象。
2025-01-06 09:36:30
1010
原创 git常见操作——分支合并master-main分支中的代码
如果合并或rebase过程中出现冲突,Git会暂停操作,并让你手动解决这些冲突。解决完冲突后,你需要继续合并或rebase操作。分支推送到了远程仓库,并且其他人可能基于这个分支工作,那么使用。(如果需要): 如果你解决了冲突并且想要更新远程仓库中的。:在执行拉取操作之前,最好先同步一下远程仓库的状态。是更安全的选择,因为它保留了项目历史的完整性。在Git中,如果你想从主分支(通常称为。:然后,你可以将主分支的更改合并到。分支上,并创建一个新的合并提交。请记住,在团队协作时,使用。:首先,确保你当前位于。
2024-11-27 16:57:47
618
原创 grid网格布局
传说中比flex布局更加方便的布局方式,这个就是定义一列从什么地方开始可以跨多少行,这种情况下一般会取消盒子的高度,让他自定义放置。计算举例:从第一个行开始,夸2行,到第3行之前结束 -> 1起始+2跨距=3/* 一行几列的相关写法,首先减去200px,其他进行综合添加后计算份额的平均分布 */ /* grid-template-columns: 1fr 200px 1fr 2fr;/* 添加间距 */ gap : 30px;
2024-11-26 14:54:10
869
原创 创建uniapp项目
因为他在template中调用的时候只要写属性名,但是在script中调用的时候却要写成**“变量名.value”**拿到相关的数据,这种用法就很像ref。2.尽量只将他堪称一个只读属性,要改的话就改他的数据源,而不是计算属性本身。比如不要直接给下面的fullName属性赋值,可以给firstName赋值来改变数据。补充:这个案例用到了相关的过滤属性,以下是完成的相关案例。filter进行相关的过滤,reduce进行求和。
2024-11-13 14:42:58
2219
原创 element-plus版本过老,自写选项弹框增删功能
发现代码怎么都用不了el-select的#footer插槽从而实现不了相关的操作,发现el-select自带的管理相关数据的属性popper-class用不了。
2024-11-01 16:07:37
415
原创 vue3常用组件通信方法
在父组件使用ref进行相关的属性和方法的引用,在onMounted中就可以拿到这个相关的方法。4.在父组件中,使用子组件传回来的相关的东西,达到子组件影响父组件的相关的数据。进行子组件的特有加工后,再次传给父组件,以达到双向绑定的相关的目的。2.子组件使用defineProps能接收到相model来的属性了。3.子组件用defineEmits方法传递给父组件。1.在父组件中引用的子组件上定义v-model。3.通过ref属性在控制子组件的相关的内容。4.通过ref属性控制父组件按钮改变子组件。
2024-10-06 15:15:31
655
原创 远程分支与本地分支上传内容
这种情况只适用于之前在的本地分支已经写了新的内容,但是新的本地分支并没有更新,你想将就的当中的内容移到新的中可以这么操作。用于查看创建成没成功,有没有转到想去的本地分支上。这个分支是基于远程分支创建的,
2024-09-29 17:13:52
623
原创 pdf与canvas结合使用的场景1——为pdf增加水印
前端为pdf添加相关的水印,使用canvas和pdfjs、pdfjs-dist这种情况下。不用再次封装好的一些水印工具的话,纯vue3前端的话就是使用pdfjs+canvas来生成。思路:1.上传并读取pdf文件,上传水印内容 2.将pdf文件使用pdfjs和canvas结合生成pdf的图片数组(将每一页生成为一个图片) 3.使用canvas将图片画入画布中,然后再将水印内容画入画布中 4.每生成一张带水印的图片,就将他写入新的pdf文件中 5.所有图片添加水印并存入新的操作后保存。
2024-08-28 11:38:52
879
原创 对象转化为String,String转化为对象
常用领域在localstorage本地存储,因为本地存储只能存储字符串,不能直接存储对象,这样在存的时候将对象转换为string,在取的时候将string转换为对象。
2024-08-02 11:58:06
384
原创 git分支操作
在操作分支时,请确保你的工作目录是干净的,即所有更改都已经提交,这样可以避免潜在的数据丢失。如果你有未提交的更改,Git会阻止你切换分支,除非你使用。如果分支有未合并的更改,并且你确定要删除它,可以使用。选项,但这通常不推荐,因为它可能会导致更改丢失。例如,如果你想切换到名为。
2024-08-01 18:21:18
2332
原创 absolute与relative两种定位方式
在使用这些定位方式时,通常需要结合使用,比如将一个元素设置为 ,然后将它的子元素设置为 ,这样就可以相对于父元素定位子元素。这种方式常用于精确控制布局中的元素位置。
2024-07-28 17:38:46
452
原创 去除upload的抖动效果
在使用vue3+element-plus框架的时候,常常会使用到el-upload方法。其中如果做了翻页效果可以发现图片过度方式是集中到左上角进行的翻页,这种效果不是很好,我们还是想让这中过度方式变得更加的平稳。添加如下css样式可以改变相关的过度效果。
2024-06-15 20:44:15
406
原创 vue3封装弹窗组件实现父子双向绑定
需要封装一个弹窗组件,让其他组件可以调用他并且可以通过其他组件来控制组件的开关。那么这个时候我们就要使弹窗组件和其他组件实现双向v-model绑定来控制相关数据,让他能够被其他组件打开。
2024-06-12 12:02:49
660
1
原创 自定义图片墙
vue3使用elment-plus官方文档中的upload进行自定义照片墙进行基础的板子打样。disabled"//自定义删除功能(可以使用相关的删除接口)//自定义预览功能(插槽中的预览当前图片文件)//自定义上传功能(可以使用相关的上传接口)相关的效果。
2024-06-02 18:30:56
811
原创 无法直接访问微信传来的图片
使用微信永久素材库中的图片时候发现图片已经被正常的接收了,但是发现在使用的时候发现不能正常使用相关的图片。后来发现微信官方对传来的图片数据的url进行了加密,是不能让我们直接使用图片链接,时得这个图片成为我们网页的一部分的。
2024-06-02 16:25:53
249
原创 Base64前端图片乱码转换
后端传来一个图片,前端能够接收,但是console.log()后发现图片变成了乱码,但是检查后台又发现能够正常的收到了这张图片。
2024-06-01 21:15:37
617
原创 Static内存分析
1)定义:在一个Java类中,可以使用static关键字来修饰全员变量,该变量被称作静态变量2)访问形式: 类名 . 变量名 实例名 . 变量名3)
2024-04-30 20:40:01
191
原创 力扣2044-统计按位或能得到最大值的子集数目
给你一个整数数组nums,请你找出nums子集可能得到的,并返回按位或能得到最大值的。如果数组a可以由数组b删除一些元素(或不删除)得到,则认为数组a是数组b的一个。如果选中的元素下标位置不一样,则认为两个子集。对数组a执行,结果等于(下标从开始)。
2024-04-25 10:35:06
412
原创 力扣2044-统计按位或能得到最大值的子集数目
给你一个整数数组nums,请你找出nums子集可能得到的,并返回按位或能得到最大值的。如果数组a可以由数组b删除一些元素(或不删除)得到,则认为数组a是数组b的一个。如果选中的元素下标位置不一样,则认为两个子集。对数组a执行,结果等于(下标从开始)。
2024-04-24 21:13:57
365
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人