自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

持续输出,励志当全栈开发人员

不断输出前端工作中的所学所遇

  • 博客(59)
  • 收藏
  • 关注

原创 ant在a-table中添加相关属性固定表头

共5种最后两种比较推荐。

2025-04-01 11:47:03 190

原创 前端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

原创 css渐变背景

一般会有和简单概括这两种渐变方式就是,线性沿着直线,径向沿着半径。后面笔者将专注于对盒子的渐变样式进行相关的调试。

2024-12-19 11:06:31 455

原创 threejs+vue3+js旋转词云

vue3+js+threejs的简单常见案例

2024-12-16 10:31:50 364

原创 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

原创 box-sizing

前端项目经典开局,开局必设box-sizing:border-box,解释设置这个东西到底有什么用处

2024-11-20 18:20:15 423

原创 固定定位的几种方式

想要一个元素始终固定在视口的某个位置时,我们就要根据相关的需求,选择合适的方案进行相关的页面布局。

2024-11-14 11:49:25 312

原创 创建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

原创 获取链接所带参数

【代码】获取链接所带参数。

2024-10-19 16:31:14 224

原创 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

原创 对象转化成base64-再转回对象

js将对象转化成base64-再转回对象。

2024-08-01 18:00:40 629

原创 Flex布局总结

弹性布局,子元素的float、vertical-align属性失效之后的内容,从父子关系来分析flex布局下的包含关系。

2024-07-28 18:33:39 404 1

原创 absolute与relative两种定位方式

在使用这些定位方式时,通常需要结合使用,比如将一个元素设置为 ,然后将它的子元素设置为 ,这样就可以相对于父元素定位子元素。这种方式常用于精确控制布局中的元素位置。

2024-07-28 17:38:46 452

原创 在js中,map、数组、对象的相互转换

三种形式的相互转换

2024-07-28 17:31:28 1420

原创 后端配置了相关字段后的前端跨域处理

【代码】后端配置了相关字段后的前端跨域处理。

2024-07-19 11:18:28 275

原创 去除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

原创 mac前端com+f与com+shift+f查找文章内容

在vscode中,在mac本中,使用相关的快捷键快速查找制定内容

2024-06-07 17:09:23 363

原创 自定义图片墙

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

原创 vue3与js的router基本使用方式

title: vue3与js的router基本使用方式。

2024-05-01 10:35:54 1555 2

原创 Static内存分析

1)定义:在一个Java类中,可以使用static关键字来修饰全员变量,该变量被称作静态变量2)访问形式:​ 类名 . 变量名​ 实例名 . 变量名3)

2024-04-30 20:40:01 191

原创 POJ1011-Sticks

本题被称为是剪枝神题之一,因为剪枝角度多达5种,且难以想象。常规的深搜,普通剪枝无法完成此题很有可能会导致超时。

2024-04-30 20:38:26 259

原创 力扣2044-统计按位或能得到最大值的子集数目

给你一个整数数组nums,请你找出nums子集可能得到的,并返回按位或能得到最大值的。如果数组a可以由数组b删除一些元素(或不删除)得到,则认为数组a是数组b的一个。如果选中的元素下标位置不一样,则认为两个子集。对数组a执行,结果等于(下标从开始)。

2024-04-25 10:35:06 412

原创 力扣246-丑数2

【代码】力扣246-丑数2。

2024-04-24 21:14:46 371

原创 力扣2044-统计按位或能得到最大值的子集数目

给你一个整数数组nums,请你找出nums子集可能得到的,并返回按位或能得到最大值的。如果数组a可以由数组b删除一些元素(或不删除)得到,则认为数组a是数组b的一个。如果选中的元素下标位置不一样,则认为两个子集。对数组a执行,结果等于(下标从开始)。

2024-04-24 21:13:57 365

原创 taken增删改查操作

右键检查—应用—cookie—Taken。title: taken增删改查操作。

2024-04-24 14:23:45 192 1

原创 小程序基础

title: 小程序基础。微信小程序入门必须知道的基本语法

2024-04-24 14:20:04 569

原创 vscode与微信开发工具进行uniapp开发

title: vscode与微信开发工具进uniapp开发。

2024-04-24 14:17:12 744 1

原创 el-table在指定行添加弹窗

element-plus在el-table给指定行加提示框1.定义插槽,将悬停框的所需要的数据传到方法中。

2024-04-23 16:38:05 486 1

空空如也

空空如也

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

TA关注的人

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