自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 实现底部表情评价,聚焦改变颜色,点击坏评价自动变成好评价

实现底部表情评价,聚焦改变颜色,点击坏评价自动变成好评价

2024-05-24 10:51:25 187 1

原创 实现滚动穿透,保留原本元素的事件,仅实现滚动穿透

这里滚动穿透的核心就是: 1、position: fixed;保证元素覆盖父级 2、pointer-events: none;取消这个元素的事件实现事件穿透,但因为pointer-events没有单独指定某个事件,所以要js支持 3、监听鼠标滚轮事件,滚动时才添加pointer-events: none;,不滚动就取消添加。

2023-12-15 11:27:02 797

原创 结合element的el-tooltip实现文本溢出进行省略,鼠标移入显示全部

结合element的el-tooltip实现文本溢出进行省略,鼠标移入则显示全部。如果没有出现省略,鼠标移入则不进行浮出显示。多简单的一个功能,搜了一下其它人写的,写的简直是一言难尽。showWidth:浮出显示全部的文本宽度,length:超过多少行就进行省略。

2023-11-10 09:25:43 401

原创 vue 对axios进行封装

token配置、中英文配置、对所有接口统一设置防抖、对所有post接口统一设置节流。

2023-09-05 14:20:01 878

原创 vue使用element plus引入ElMessage样式失效的问题

【代码】vue使用element plus引入ElMessage样式失效的问题。

2023-07-07 13:11:25 625

原创 使用Android原生canvas绘制炫酷的太极八卦图

使用Android原生canvas绘制炫酷的太极八卦图。

2023-06-05 23:50:44 394

原创 python 使用pandas或xlrd、xlwt实现对Excel的读取、添加、追加、删除、重复值处理、缺失值处理、获取行数、列数、获取一行、一列数据等一系列封装

不说了,又是造轮子的一天。在此我要严重批评CSDN或百度一堆浑水摸鱼的,某些人明明代码明显报错也来上传发博客,要么就是标题党,代码没报错但压根就不是实现那个功能的,简直是浪费时间。保存追加那一块,我把他变成一列一列地添加,你可以把对应的转换给注释掉就行。

2023-05-15 22:02:54 4349 1

原创 JVM总结

它要求除了顶层的启动类加载器外,其余的类加载器都应当有一个父类加载器。类加载器在收到类加载请求时,首先不会自己去加载类,而是把请求委派给父类加载器。只有在父类加载器无法完成类加载请求时,该类加载器才会尝试自己去加载类。比如:系统类加载器的父类加载器是扩展类加载器,扩展类加载器的父类加载器是启动类加载器。所以系统类加载器在收到加载请求时,首先会把请求委派给扩展类加载器,扩展类加载器再尝试委派给启动类加载器。VM 类加载器的主要作用是将类加载到JVM 中,并将类的字节码文件转换成为JVM 识别的格式。

2023-05-13 00:25:16 615

原创 因为docker开启远程连接而导致服务器被挖矿,cpu爆满

属性被修改导致无法删除,使用chattr发现没有这个命令,查看了一下安装包发现还在,可能是被丢到别处去了。想查询一下命令去哪里了,但服务器早爆了,不等了。更据上面的地址找到并删除:在找的时候发现在 usr/local/bin下面发现挖矿脚本,可以直接删除。kill -9 不管用,进程pid一直在更换,所以手速要快一点,通过pid去查看。但是预加载恶意动态链接库型后门 无法删除。

2023-05-10 15:38:11 444 2

原创 spring mongodb mongoTemplate管道查询,时间排序出错

虽然少了0,但还没有那么智能到能检查出来,当这两个时间都存在一个表里面的时候,整个表的时间排序就会出错,无法正确排序。

2023-04-11 10:58:51 379

原创 websocket实例化注入失败

注意setOrderService这个名字,是随便乱取的,无所谓,但不要改成和类名WebSocketServer 一致,否则还是会报错。面向百度搜到手软都没成功解决,这个问题有点小奇怪,注入server后还是可以正常的增删改查,但是控制台就是一直提示注入bean失败。添加configurator = SpringConfigurator.class。1、@ServerEndpoint注解上。2、将bean的注入改为静态。3、不要使用构造函数。

2023-04-10 15:16:21 484

原创 mongodb 连接池配置

缩短每次连接删除和关闭之前保持的空闲状态等待时间就可以避免这个问题,但也会造成连接池的频繁连接和关闭。多次测试证实了:超过设置的指定时间后所有线程池的空闲线程连接会被自动关闭,关闭后所有线程池空闲线程会重新连接。不需要在java代码中去写配置类,不需要在java代码中去写配置类,不需要在java代码中去写配置类。所以,mongodb的配置就尽量不要用上面的方式来配,需要使用uri的方式来去配,如果spring使用以下mongodb的配置,则默认是没有连接池的。uri的前半部分:注意符号格式是固定。

2023-04-05 00:10:05 4392

原创 mongodb mongoTemplate.find()查询数据一直为空

在Criteria criteria = new Criteria().andOperator(Criteria.where("id").is(id));这一条操作语句中,很明显我要指明判断的是外键"id","id"的值为18,但它实际去判断的是数据库中的主键"_id","_id"的值为"642942bf358c357b0f9c8d19",所以一直查询为空。操作语句无问题,但一直查询为空,原因是即使没有用@MongoId声明id是主键,它依然会把"id"给当成 "_id"来处理,

2023-04-02 17:06:16 1670

原创 Unhandled promise rejection Error: Minified React error #321; visit https://reactjs.org/docs/error-d

use开头的钩子函数,必须写在函数外部。要将hook写在函数外部。

2023-03-31 12:03:42 1528

原创 spring 自定义空值过滤链

【代码】spring 自定义空值过滤链。

2023-03-21 18:34:17 71

原创 com.mongodb.MongoSocketOpenException: Exception opening socket at com.mongodb.internal.connection.S

出现了连接被拒绝,这个问题很简单,是因为MongoDB的配置文件默认是本地ip访问,需要改配置文件,而不是说在application启动类上去排除某些配置类。确保配置文件无错,还需要关闭主机的防火墙,如果是服务器不要忘记了开放27017的端口号。bindIp 改成 0.0.0.0。

2023-03-18 21:09:31 2209

原创 react 自定义轮播图

react自定义轮播图

2023-03-08 16:21:51 225

原创 taro使用原始h5标签

目前taro还是不够成熟,生态太少。如果部使用taro的语法标签的话,转小程序就会直接报错,像div、span等这些标签都无法使用,其他的ui组件库无法使用,开发会很有限制。

2023-03-07 11:30:07 423

原创 react创建ts模板时文件后缀名不是ts

react创建ts模板时文件后缀名不是ts、tsx

2023-03-01 21:01:51 152

原创 react 使用Redux Toolkit

initialState相当于组件的状态值,把组件的状态值移到这里来定义。reducers里面则是定义一些对于状态值操作的方法,如下:我定义了增加、减少、重置的三个方法,最后将切片的reducer和切片的方法导出去。切片里边的name是key标识随便命名,不要与其它切片的name一样就行了,建议还是取一样的名字才不会乱套。接下来,我们再创建一个store.js文件,把刚才的切片导入store.js文件。然后我们在根文件中,将store.js导入进来,把根组件给包裹起来。

2023-03-01 17:48:38 243

原创 react 函数式组件的hooks

input的值:{input_text()}将这两个方法移动外部,函数名以“use”开头命名,然后在组件内就可以进行使用了,自定义hooks可以将组件内的方法移到外部,增加代码的直观性。return (input的值:{input_text}

2023-02-28 19:53:22 777

原创 react PureComponent

与shouldComponentUpdate相比,shouldComponentUpdate更适用于组件状态或属性频繁改变的时候;PureComponent更适用于组件状态或属性很少改变的时候。PureComponent会自动匹配哪些子组件要更新,哪些不需要更新,自动将不需要更新的组件的render进行阻止。

2023-02-27 20:28:36 105

原创 react的生命周期

父组件状态发生改变时,其父组件下的所有子组件都会被重新渲染一遍,当组件过多时就会造成性能下降。与UNSAFE_componentWillReceiveProps相类似,但不同的前者是在父组件渲染时会触发,而getDerivedStateFromProps()方法在父组件、子组件、自身进行渲染时都会进行触发,也包括自身的初始化阶段。页面渲染,只能访问this.props和this.state,不允许修改状态和DOM输出,class 组件中唯一必须实现的方法,需保持保持render()为纯函数。

2023-02-27 20:03:23 1033

原创 react父子传值与非父子传值

React.createContext()创建,通过Context包裹起来,里面再进行设置与传值,与状态提升不同的是,它适用于更深的组件嵌套关系,状态提升对于很深的组件嵌套的话就明显不合适了。通过编写一个对象,对象里边包含订阅和发布方法,订阅方法里边传入回调方法,再存入list中,发布方法里边执行存在list里边的方法。你可以通过前面的方法和插槽进行组合,完成复杂的传值。插槽会使组件又回到高耦合的形式,一般要尽量少用。

2023-02-26 16:01:50 317

原创 react受控与非受控

把input看作一个组件,此时的input则为一个非受控组件,input内部的value属性为input内部所控制,虽然可以通过ref来进行取值与赋值操作,但是在input输入框值发生改变时无法让父组件调用render()函数来进行重新渲染。通过父组件的state,setState,与input的onChange,即可实现让这个组件监听到input输入框value值的变化。此时,input内的value属性由父组件控制,input变成了受控组件。

2023-02-25 19:20:39 146

原创 react 属性验证与默认属性

通过static定义类的属性,属性验证可以引入模板自带的prop-types来进行类型判断,当然你也可以自己写一个类型判断的方法,然后对类的propTypes属性进行类型编写,'propTypes'这个属性名不可自定义。默认属性需要对类的defaultProps属性进行编写覆盖,'defaultProps'这个属性名不可自定义。函数式组件直接以实参传入形参的形式,与类组件相致,不过函数组件通过外部来进行属性验证与设置默认属性。

2023-02-24 11:17:14 115

原创 react state状态的使用

需要注意的是this.setState()是异步的,而且同时有多个setState同步执行则会进行合并。如果需要获取更新后的实时数据,需要在this.setState()的第二个参数里的回调函数获取。

2023-02-23 21:30:31 57

原创 react条件渲染,元素的隐藏与显示

【代码】react条件渲染,元素的隐藏与显示。

2023-02-23 15:50:03 423

原创 react事件绑定的四种方式及ref

{console.log(this.text)}}>方式一方式四: this.click4()}>方式四方式三:方式三

2023-02-22 22:55:50 802

原创 react组件的定义

react组件的定义

2023-02-22 11:45:30 57

原创 react JSX基本语法

【代码】react JSX基本语法。

2023-02-22 00:30:16 64

原创 Warning: You are calling ReactDOMClient.createRoot() on a container that has already been passed to

原因: ReactDOM.createRoot(document.getElementById('root')) 重复绑定,根元素不能重复绑定。

2023-02-21 21:32:27 1428

原创 react默认模板结构详解

react默认模板结构详解

2023-02-21 20:48:53 292

原创 基于vue+node+socket+vant+mysql实现的在线客服系统,前后端分离,浏览器指纹作为访客唯一id,内置chatGPT智能回复,采用RSA加解密数据,防sql注入,xss,可发送图片表

基于vue+node+socket+vant+mysql实现的在线客服系统,前后端分离,浏览器指纹作为访客唯一id,内置chatGPT智能回复,采用RSA加解密数据,防sql注入,xss,可发送图片表情、查询历史消息、留言、踢人、人数限制排队等待 等等功能,更多功能等待后续更新。,可读性强,目前功能不是很多可快速上手修改,欢迎进行二次开发。

2023-02-20 14:07:46 758 4

原创 chatGPT

使用vue3实现的chatGPT,自动打字、重连断线处理,上下文语义联系,可直接套用客服,简单快速一键部署。

2023-02-17 16:16:12 1072

原创 Maven 3.3.1+ requires JDK 1.7+. Please set appropriate JDK at Settings | Build, Execution, Deploy

Maven 3.3.1+ requires JDK 1.7+. Please set appropriate JDK at Settings | Build, Execution, Deploy

2022-11-26 18:09:24 2511

原创 Description:Failed to configure a DataSource: ‘url‘ attribute is not specified and no embedded dat

Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured.

2022-11-26 17:58:23 821

原创 宝塔面板node部署Vue项目失败,提示日志文件不存在

宝塔面板node部署Vue项目失败,提示日志文件不存在,安装指定模块失败

2022-11-24 11:15:59 1534

原创 @ConfigurationProperties、@Value的属性注入

spring boot 属性注入:@ConfigurationProperties、@Value

2022-11-16 17:37:07 273

原创 Webpack Vue3模板的创建

Webpack Vue3模板的创建(超详细)

2022-11-08 23:45:44 666

空空如也

空空如也

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

TA关注的人

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