自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3+element,使用SockJS和WebSocket封装

/4通过stompClient.subscribe()订阅服务器的目标是'/user/' + userId + '/msg'接收一对一的推送消息,其中userId由服务端传递过来,用于表示唯一的用户,通过此值将消息精确推送给一个用户。//1连接SockJS的endpoint是“endpointWisely”,与后台代码中注册的endpoint要一样。messageRef.value = ElMessageBox.confirm(content, '提示', {', '提示', {

2024-08-16 10:06:31 808

原创 vue3+ts+element-plus,实现el-table表格内数据上下滑动的时候,右侧的类别也上下变更

当用户点击右侧的类别的时候,左侧的列表也要迅速定位到该类别的数据上。这里我们就需要用到IntersectionObserver(交叉观察器),observe:开始监听特定元素(需要接收一个target参数,值是Element类型,用来指定。接下来就是groupArray右侧显示的类别,通过groupArray循环来设置列表数据里每个group第一个科目的group名称。我这里用for循环模拟了一部分数据,具体数据如下图所示,其中最重要的是groupId,判断这条数据的类别。添加右侧的类别点击事件。

2024-04-28 16:06:11 486

原创 vue3从接口拿到数据赋值失去响应式的问题

因此我们在开发的时候,就会遇到一个问题,我从后端拿到数据后,再赋值的时候,会看到接口的数据并没有运用在页面上。

2024-04-18 17:05:51 394 1

原创 vue实现表格表头在左侧,并且固定表头

前段时间一个h5端的项目,需要实现一个表格,然后表格的表头放在左侧一列,并且左右滚动的时候需要固定表头,不能随着滚动条滚动一起动。但是在网上找了很多类似的,思路是可以的,就是没有一个是我能运行起来的,最后就决定自己写一个。

2024-03-28 16:04:47 1473 1

原创 vue3+element-plus,在el-dialog中使用v-loading无效的解决方法

在使用el-dialog的时候,想要实现点击弹框,出现加载中的效果

2024-03-18 10:49:19 4272 5

原创 在钉钉上点击图片实现放大功能

我这次遇到的问题就是,我选择一张图后,是需要识别这张图上面的文字,就比如我需要识别营业执照的内容,但是我点击放大后会提示我看不了,我打印了一下这个url地址后复制后在页面上看了下,发现是因为我无权访问此对象,意思就是这张图加密了。首先我们选择一张图片后,要先显示在页面上,这时候就需要使用一个函数来回显它,因为我们选择图片后,选择的是他的url地址,我们需要把这个url地址变成能够让系统识别出来的地址,然后解密这个url地址,最后实现回显。

2023-11-06 17:44:51 856 2

原创 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)“

其实之前也遇到过这种问题,出现了两三次就觉得还是记下来比较好。之前的问题是我的数据已经存在一个对象中了,然后要把这个对象传到另一个组件里,在mounted来打印是空的,最后我是用watch监听来解决的。,简单来说就是初始化太快了,我的接口数据还没赋值就已经完成初始化了,所以才会报错。这个是我的代码,其实就是多做了一个步骤,我其实没有必要要那个setData,直接在data定义一个对象就可以了。

2023-07-11 17:11:03 7419 1

原创 vue页面跳转传惨,数据过去了,页面没有实时更新的问题

我正在写一个模块,然后这个模块有权限设置,分为创建人和反馈人,两人看到的东西不同,颜色图标也不同,就是在首页点击按钮跳转到另一个页面,然后另一个页面里面有的图标会根据你是创建人还是反馈人来分别显示不同的图标, 我的问题就是根据是否是创建人或反馈人是通过boolean布尔值来判断的,然后在跳转页面的时候把这个布尔值传过去,问题就在这里,我布尔值传过去了,也打印出来了,如下图所示。但是页面图标还是不变,在网上也找了很多,说什么是缓存的问题什么的,方式都试了,不适用于我。,这种问题,图标会出来才有问题呢!

2023-06-28 15:55:35 232 1

原创 前端接收老项目启动时报错These dependencies were not found

那么这是什么原因呢?主要就是你的插件版本问题,我这个就是echarts版本太高了,echarts是5的版本。

2023-05-24 21:40:39 2296

原创 文件上传gitee中出现问题fatal: remote origin already exists.(远程来源已存在) 解决方法

文件上传gitee中出现问题fatal: remote origin already exists.(远程来源已存在) 解决方法

2023-04-03 10:23:54 1892

原创 var、let和const三者之间的区别

var和let声明的是变量,可以被修改,const声明的是常量,不能被修改。

2023-01-05 15:25:06 540

原创 前后端交互工具---ajax

ajax (全名:Asynchronous Javascript And XML)其实就是异步的javaScript和XML。

2022-12-26 17:23:14 405

原创 js中的深拷贝与浅拷贝

我有一个朋友,朋友穿的一件衣服我很喜欢,然后我就把她衣服拿过来自己穿上了,但是我在衣服上弄上污渍了,还给那个朋友的时候,那个朋友的衣服上有污渍,这就是浅拷贝。深拷贝:我有一个朋友,朋友穿的一件衣服我很喜欢,然后我找她要了链接自己也买了一件,现在有了两件一样的衣服,当我在我的衣服上弄上污渍了,朋友的那件衣服上还是干净的,这就是深拷贝。

2022-12-07 20:48:19 3697

原创 JavaScript继承

寄生组合继承存在效率问题,最主要的效率问题是父类构造函数始终被调用两次,一次是在创建子类原型时调用,另一次是在子类构造函数中调用,本质上,子类原型最终是要包含超类对象的所有实例属性,子类构造函数只要在执行的时候重写自己的原型就可以了。把子类的原型对象指向父类,就能使用父类中的方法和属性了。采用原型式继承不自定义类型,临时创建一个构造函数,借助已有的对象作为临时构造函数的原型,然后在此基础实例化对象,并返回。继承就是指一个子类继承父类的属性和方法,使得子类对象(实例化对象)具有父类的方法和属性。

2022-11-28 15:23:58 1663

原创 JavaScirpt中this指向

首先我们要清楚什么是this指向?只要是写代码的,都知道this随处可见,我们必须要清楚this是js语言的一个关键字,代表函数运行时自动生成的一个内部对象,只能在函数内部使用,随着使用场合的不同,this的值也会发生变化。。这么讲可能有点太广泛了,接下来先介绍this指向的几个场景。this在不同环境下、不同作用下,表现的也不同。以下是this指向的几个场景。

2022-11-27 16:23:52 325

原创 磨砂玻璃效果

在学习中我发现了一个好玩的效果,话不多说,先看效果图:看上图,我们可以发现,中间的字是不是看的不是很清晰,这就是磨砂玻璃的效果,具体怎么实现,也很简单,就一句代码就能实现。filter :滤镜,我们通常都会想到用滤镜大的模糊度来实现,但是需要注意首先我们先来实现基本的样式。

2022-11-20 14:40:54 575

原创 使用html+css+jquery实现3D轮播图

这里需要注意的是,如果你不设置一个开过和定时器,当你点击下一张时点击一次没问题,但是连续点击就会出现一点bug,所以我加了一个开关思想,只有一张图片完整的呈现在眼前后,下一张图片才能出来。css部分就是设置样式了,首先就是先给盒子一个宽高,盒子是装显示一张图片的,接下来就是li了,给li设置绝对定位,不然图片不会对齐的。HTML部分首先我们需要一个盒子显示图片,然后在盒子里装入图片,你想装几张图片就可以写几个li,除了图片我们还需要一个按钮来点击。首先就是需要几张图片,但只有一张是显示在我们眼前的。

2022-11-13 16:58:07 2065 1

原创 使用js实现雪花飘落效果

这里我们需要用到的技术有css,html,js,主要还是js部分实现雪花飘落效果。

2022-11-05 22:00:11 1025

原创 使用js定时器实现 随机点名

话不多说,先来看看效果:首先还是要先理清思路,随机点名是当你点击开始按钮的时候,开始出现名字,点击暂停,就停止。这里需要用到的技术有HTML、CSS、js。

2022-10-30 16:03:01 1154 1

原创 使用js定时器实现倒计时功能

首先还是先理一下思路,先要确定一个具体的时间,你想从哪个时间到哪个时间,我这个就是从现在的时间到2022年过年,然后使用data对象获取天、小时、分钟、秒,之后再使用定时器让它像上图一样能够一直保持运动的状态。new data()表示的是当前时间,也就是电脑上的时间,如果前面有个+,表示的当前时间的毫秒,转换为毫秒了。还需要注意的一点是截止时间是阳历的时间,因为获取的当前时间是阳历的,所以截止时间也是阳历的,这点需要注意。倒计时使用的技术主要就是js中的定时器。

2022-10-30 15:59:02 1457

原创 JS初级知识整理

js初级知识有很多,如js的引用、数据类型(分为简单数据类型和引用数据类型)、运算符、流程控制、循环结构、数组、函数、变量、对象等,在这里我就先介绍我认为比较重点的几个吧。

2022-10-23 21:13:01 177

原创 如何使用js写出九九乘法表,空格如何对齐

第三步:判断行和空格的关系,理解的时候先把1*1=1当成一个空格,第一行的时候,没有空格,第二行的时候,一个空格,第三行的收,两个空格......以此类推,行和空格的关系为:k = 1;第二步:行为1的时候,列是从1开始,一直到9,行为2的时候,列从2开始,行为3的时候,列从3开始......因此行和列的关系是:j=i;第四步:使用三个for循环写,提示:列和空格没有联系,空格之和行有联系,所以for循环里,空格和列是并排的,但是他们都是嵌套在行的for循环里。第一步:定义三个变量,代表行、列和空格。

2022-10-16 18:26:31 1100

空空如也

空空如也

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

TA关注的人

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