高电平的博客

转载 SpringBoot 中实现跨域的5种方式

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域首先编写一个过滤器，可以起名字为MyCorsFilter.java} }} }Filter;

原创 JavaScript合并数组

是JavaScript中的扩展运算符，它可以用于合并（或展开）数组。方法通常用于添加单个元素，但你可以通过多次调用它来添加多个元素。以上是合并数组的一些常见方法，你可以根据实际情况选择最适合的方法。方法可以将一个数组的所有元素添加到另一个数组的末尾。方法用于合并两个或多个数组。

原创 Vue祖孙组件如何实现传值

原创 vue2 判断当前设备是移动端还是PC端

vue2开发时需要做双端适配，此时需要对设备类型进行判断，按照类型展示合适的界面。这里通过js方法进行判断后再决定路由指向。接着在生命周期开始时进行调用与判断。

原创 安装centos7无线网卡（RTL8723BE）

本文章向大家介绍解决lenove e450c安装centos7无线网卡（RTL8723BE）无法使用，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

原创 CSS过渡效果

2023年3月30日 下午7:52 •CSS过渡（Transition）是一种常见的动画效果，用于控制元素在某些条件下的改变（如鼠标悬停、元素聚焦等），从而使页面的交互更加生动。在本文中，我们将详细介绍CSS过渡的三个主要方面：过渡属性、过渡时间和过渡函数，并提供具体的代码示例。

转载 css之div盒子居中常用方法大全

只需要保证left和right的百分数一样就可以实现水平居中，保证top和bottom的百分数一样就可以实现垂直居中。这个方法就是利用绝对定位，使它的top、left、right、bottom都为0就可以实现居中。这个方法用在垂直居中都可以，就使它的上下为 0 就可以实现垂直居中。利用负的margin来进行居中，需要知道固定宽高，限制比较大。这种的话就是将父元素转换成表格单元格显示，然后使用垂直居中实现。这种定位方法，得需要知道宽高，不灵活。这种唯一的缺点就是 IE9 以下不支持。

原创 在el-table-column的template中使用v-if来判断编辑标志位导致编辑输入框显示串行的问题

由于editScoreFlag是行内没有的属性，我在点击修改时强行加进去的，在$data中没有定义，在 v-if 判断时，由于 v-for 会生成多个相同的 元素，当点击修改时，editScoreFlag 的值会改变，但由于该值并没有保存到对应的表格展示数据 studentScoreList 中，所以所有表格中的元素都发生了变化。在项目中有一个需求是表格中有一列的数据可以点击修改，但是不能使用弹窗，需要在点击修改按钮时单元格内容变为输入框进行编辑，点击保存隐藏输入框，显示数据。这样就可以解决上述问题了。

原创 Vue富文本编辑器Quill实现Enter提交，Shift+Enter换行

在quill的配置中配置keyboard。

原创 在methods的方法中手动触发el-upload的上传事件

可以在el-upload组件上添加一个ref值，同时使用按钮上传的组件，为3l-upload中的按钮设置一个class类名，接着在业务按钮的点击事件中使用类选择器手动触发click事件。最近项目中有一个需要在quill富文本编辑器中上传视频文件的需求，但是网页上不能出现上传的组件，需要在methods中手动调用。

原创 Vue路由跳转打开新窗口

使用路由对象的resolve方法解析路由，可以得到location、router、href等目标路由的信息。得到href就可以使用window.open开新窗口了。因为某些原因，某个页面的加载需要很长时间。为了不让用户重新加载，再次等待很长时间，决定当从这个页面跳转其他页面时，打开一个新窗口。

原创 Vue2.X+element-UI实现发送验证码后按钮内倒计时

在按钮上添加一个点击事件，当按钮被点击后，启动倒计时。在这个点击事件中，需要设置定时器，每隔一秒钟将 countdown 的值减 1，直到 countdown 的值为零。同时，禁用按钮，以防止用户多次点击。使用 Element UI 的按钮组件（el-button），将 countdown 的值绑定到按钮上。这样，用户就可以看到倒计时的效果。首先，组件中定义一个变量 countdown，用于存储倒计时的秒数，初始值为 59。

转载 element栅格等分

3. 五等分（24无法直接整除）24/5 = 4.8。

原创 SpringBoot 2.X 报错 The field file exceeds its maximum permitted size of 1048576 bytes.

The field file exceeds its maximum permitted size of 1048576 bytes.

原创 修改el-upload照片墙中的图片列表

修改el-upload照片墙中的图片列表

原创 【已解决】element-ui组件嵌套太多层，导致内部el-input和el-select 等组件无法正常输入解决方案

如果 element-ui 组件嵌套太多层，可能会导致内部的 el-input 和 el-select 等组件无法正常输入。出现这种问题通常是由于 z-index 属性设置不正确导致的。 解决这个问题的方法是调整组件的 z-index 属性，使其不会被其他组件覆盖。以下是一个解决方法：

原创 记录vue中this.$set的用法

this.$set在vue中常用作修改对象中的指定属性与数组中的指定下标元素，语法为。① 将一个名为user的对象中的name属性的值改为张三。② 将一个名为list的数组中第四个元素值改为0。

原创 npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js`

新克隆的项目，直接npm i报错如下。删除node_modules依赖包。

原创 el-form-item的常用正则校验表达式

本文作为常用正则校验表达式的记录文档，在日后的开发过程中将会逐步更新与完善。

原创 纯js中使用Message、MessageBox的方法

纯js中使用Message、MessageBox的方法。

原创 vue登录成功后导航栏获取不到用户信息

完美解决【使用v-if判断localStorage(或sessionStorage)中是否存在用户信息来识别用户是否登录，进而更新导航栏上的用户信息】

原创 有关HikariPool-1 – Failed to validate connection com.mysql.cj.jdbc.ConnectionImp 错误的产生原因与解决方法

如果长时间静默没有数据库操作就报Failed to validate connection com.mysql.cj.jdbc.ConnectionImpl@72b70c61 (No operations allowed after connection closed.). Possibly consider using a shorter maxLifetime value.的错误。在yml配置文件中的datasource中添加如下解决。分析是hikari 连接池对连接管理的问题。

原创 el-menu跳转路由

首先添加:default-active属性，属性值为this.$router.path，同时还需要设置router为true（router默认值为ture，直接添加router即可）最后在el-menu-item中的index属性值设为对应的路径。接着在路由中配置好组件路径。

原创 el-input中放入elbutton

在el-input的官网介绍中，可以使用slot的关键字给输入框的框首、框尾加标签或者icon或者按钮。如图，如何在element组建的el-input的后缀放一个可点击的按钮或者标签。

原创 springboot的logback.xml配置文件

springboot的logback.xml配置文件。

原创 【已解决】关于Windows下PostgreSql安装时报乱码错的解决方案

关于Windows下PostgreSql安装时报乱码错的解决方案

转载 前端里面什么是闭包？

所谓闭包，指的就是一个函数。当两个函数彼此嵌套时，内部的函数就是闭包。因为在 JavaScript 中，函数属于对象，对象又是属性的集合，而属性的值又可以是对象，所以我们可以在函数内部再定义函数。例如在函数 A 中定义了函数 B，然后在函数外部调用函数 B，这个过程就是闭包。function funOne(){ // 外部函数// 局部变量function funTwo(){ // 内部函数num++;}}// 返回函数 funTwo以上代码就构成了一个闭包，其实就是函数 fun。

原创 【已解决】Mapped Statements collection already contains value for com.qs.service.UserService.selectHeroLi

【已解决】Mapped Statements collection already contains value for com.qs.service.UserService.selectHeroList. please check 报错原因

原创 leetcode53: 最大字数组和

【代码】leetcode53: 最大字数组和。

原创 在el-input中添加onkeyup使用中文输入法导致验证失效

之前只是将el-input中的值替换为空，在中文输入法的情况下替换后，里面的值变为了一个新的变量，表单校验监听不到这个新的变量，所以会不通过校验，更改后将替换后的变量赋给el-input绑定的变量，再把它回调给el-input的value，这样就能监听到这个替换后的变量了。由于需求需要对el-input添加输入校验，只允许用户输入数字，其他内容输不上去，我采用了在中添加onkeyup ="value=value.replace(/[ ^ 0-9.]/g,‘’)"来对输入进行校验，......

原创 vue中一个组件调用另一个组件的方法(函数)

vue组件调用外部组件的方法并传参过去

原创 el-cascader清除级联选择框选中状态

代码】el-cascader清除级联选择框选中状态。

原创 Java中nextLine()出现不执行跳过的情况

当我们在使用多个扫描仪键盘输入时，偶尔会出现nextLine()方法不执行直接跳过的情况。如下：运行结果：可以看出nextLine()并没有执行。原因：next()是从第一个有效字符开始扫描，遇到第一个空格’ '或者换行符 ‘\n’ 时结束。nextLine()则是扫描剩下的所有字符串直到遇到回车 ‘\n’ 为止。咱们这里输入的是 1\ns1自然获得了1，而我们敲入的 \n 则直接被 s2 获得并结束。解决方案：再添加一个nextLine()来吞掉遗留的 ‘\n’。运行结果：成功解决问题。

原创 关键字volatile的作用和特性

关键字volatile的作用和特性volatile的第一个特性–保证可见性解决内存可见性问题方式的一种是加锁，但是使用锁太笨重，因为它会带来线程上下文的切换开销。Java提供了一种弱形式的同步，也就是volatile关键字。该关键字确保对一个变量的更新对其他线程马上可见。当一个变量被声明为volatile时，线程在写入变量时不会把值缓存在寄存器或者其他地方，而是会把值刷新回主内存。当其他线程读取该共享变量时，会从主内存重新获取最新值，而不是使用当前线程的工作内存中的值。 下面举个例子

原创 synchronized原理

2、synchronized原理在synchronized的内部包括 ContentionList、EntryList、 WaitSet、OnDeck、Owner、!Owner这6个区域每个区域的数据都代表所的不同状态。ContentionList：锁竞争队列，所有请求数的线程都被放在竞争队列中。EntryList：竞争候选列表，在ContentionList中有资格成为候选者来竞争锁资源的线程被移动到了EntryList中。WaitSet：等待集合，调用wait方法后把被阻塞的线程将被放在Wai

原创 使用Constructor获取带参构造时出现java.lang.NoSuchMethodException异常

使用Constructor获取带参构造时出现java.lang.NoSuchMethodException异常使用如下代码获取Cat类的带参构造时出现了java.lang.NoSuchMethodException异常Properties properties = new Properties();properties.load( new FileInputStream("src/com/csdn/reflect/pojo/Properties.properties"));String be

原创 Java实现KMP算法匹配字符串的子串

Java实现KMP算法匹配字符串的子串public class KMP { public static void main(String[] args) throws IOException { String s = "abc"; String s1 = " jhjkhdjabclshgfksdf"; System.out.println("是否匹配到子串：" + searchStr(s1, s)); } public stati

原创 Java使用IO复制文件夹下所有项目到另一个文件夹下

import java.io.*;/*将souceFile目录下的所有文件复制到targetFile目录下*/public class IO { public static void main(String[] args) throws IOException{ File src= new File("sorceFile\\"); //源文件夹 File desc = new File("targetFile"); //目标文件夹 long s

原创 ArrayList扩容机制

ArrayList扩容机制在ArrayList中，声明了三个常量private static final int DEFAULT_CAPACITY = 10;//默认容量大小为10private static final Object[] EMPTY_ELEMENTDATA = {};//一个空数组private static final Object[] DEFAULTCAPACITY_EMPTY_ELEMENTDATA = {};//一个默认容量的空数组还声明了一个数组transient

转载 为什么HashSet 有时是有序的

HashSet 是真的无序，还是有序的无序(一) 问题起因《Core Java Volume I—Fundamentals》中对HashSet的描述是这样的：HashSet：一种没有重复元素的无序集合解释：我们一般说HashSet是无序的，它既不能保证存储和取出顺序一致，更不能保证自然顺序（a-z）下面是《Thinking in Java》中的使用Integer对象的HashSet的示例import java.util.*; public class SetOfInteger {