路漫漫其修远兮

原创 ajax上传文件

ajax 上传文件

原创 typora复制图片时自动上传至图片托管平台

解决Windows下，typora不支持粘贴自动上传图片到服务的问题。

原创 自定义事件的注册与触发（$on $emit addEventListener dispatchEvent）

vue自定义事件的注册与触发

原创 docker-buildx多平台镜像构建

目录前置条件搭建过程其他命令记录参考前置条件Docker >= 19.03: 自该 Docker 版本包含 buildx。Linux kernel >= 4.8: 推荐使用Ubuntu 18.04 以上的 TLS 发行版， iso镜像地址自该Linux内核版本 binfmt_misc 支持 fix-binary (F) flag。fix_binary 标志允许内核在容器或chroot内使用binfmt_misc注册二进制格式处理程序（将其它平台可执行文件的处理程序注册进来），当 Lin

原创 keepalived配置redis主从、异常自动切换

前言文章中记录的内容配置成功后可以达到异常后vip自动飘逸，并且redis可以自动切换主从关系，但还存在两个问题需要优化keepalived-MASTER异常后VIP会飘逸到keepalived-BACKUP，但是只要keepalived-MASTER恢复正常，VIP一定会飘逸到keepalived-MASTER上，造成不必要的主备切换，对于这个情况网上有设置成双BACKUP，具体请百度采用这种方式存在数据丢失问题，只能通过优化notify_master、notify_backup脚本或者其他的方

原创 安装keepalived、系统服务、开机自启

安装keepalived、系统服务、开机自启安装步骤下载安装包下载地址：https://www.keepalived.org/download.html解压安装解压：tar -zxvf keepalived-2.2.7.tar.gz && cd keepalived-2.2.7预配置并设置安装目录：./configure --prefix=/opt/server/keepalived（如果不指定安装目录，默认安装在/usr/local）安装：make &amp

原创 SpringBoot应用打包生成Docker镜像

概述采用dockerfile-maven-plugin插件配合编写Dockerfile文件，生成docker镜像至本地/远程Docker服务中，所以需要提前安装好docker服务实现过程在springboot项目的pom文件中引入dockerfile-maven-plugin插件 <plugin> <groupId>com.spotify</groupId> <artifactId&

原创 网络基础-OSI

文章目录以太网协议网络7层模型（OSI）物理层链路层网络层传输控制层会话层表现层应用层交换机路由器含交换机&路由器的网络流程图以太网协议日常生活中我们经常使用以太网进行上网，那么什么是以太网？他是如何让我们实现上网的？以太网实际是一种协议，它实现了对电信号的解释功能，即把0/1电信号转换为有用的信息。ethernet规定一组电信号构成一个数据帧，叫做‘帧’每一数据帧分成：报头head和数据data两部分head包含：(固定18个字节)源mac地址，6个字节目mac地址，6个字

原创 kafka数据同步（高水位&Leader Epoch）

相关名词LEO:每个分区中最后一条消息的下一个位置（offset），分区的每个副本都有自己的LEOHW(high watermarker:高水位线):核心思想为所有HW之前的数据都是已经备份的，当所有节点都备份成功，Leader会更新HW。ISR(in-sync-replicas):正在同步的副本集合，一个时间范围，例如10s内，改时间范围通过replica.lag.time.max.ms控制副本没有发送fetch(同步数据)的请求发送了请求但是在该时间范围内没有赶上Leader的数

原创 安装kafka集群

安装jdk最低为jdk1.8contos7配置主机名和ip映射https://blog.csdn.net/xuheng8600/article/details/79983927查看主机名：hostnamectlhostnamectl statushostnamectl --static //静态hostnamectl --transient //瞬态hostnamectl --pretty //灵活设置主机名：永久性的修改主机名称，重启后能保持修改后的hostna.

原创 Topic管理-基础API使用-高级API使用

文章目录Topic管理（shell）新增Topic查看Topic查看Toptic详细信息修改topic删除topic订阅topic发布消息到topic查看消费者组列表及组详细信息基础API使用topic增删改查生产者-发送消息消费者-消费者组（subscribe）消费者（assign）生产者自定义消息发送到某个分区自定义序列化自定义反序列化消息发送拦截器高级API使用消费者offset自动控制消费者offset自动提交/手动提交生产者ACKS&Retries生产者幂等性（解决写重复）生产者事务To

原创 js不定参数和展开运算符...(三个点)作用

前言在实际开发过程中，当我们封装方法时，如果方法形参的个数是不确定的，如何解决？利用js的…(不定参数和展开运算符)是一种解决方式js不定参数和展开运算符三个点(…)在es6中，有两个含义:不定参数：用在形参中， 表示传递给他的参数集合。funcction methodName(…param){}例如：function method2(...param){ //param便是参数的数组[1,2]}method2(1,2);注意：1.不定参数只能放在最后面2.一个函数不能出现

转载 element-ui 图标太少解决方案

目录背景解决方式操作流程批量导入图标背景element的图标太少了，需要扩展图标解决方式采用阿里云的图标库（地址：https://www.iconfont.cn/），下载下来扩充到项目中去操作流程参考：https://www.jianshu.com/p/a6b54662753b批量导入图标点击f12，选择consele，粘贴下面代码，回车var icons = document.querySelectorAll('.icon-gouwuche1');var auto_click = fu

转载 vue-动态加载图片

1.背景今天有个需求是从后台查询出图片的相对路径，然后遍历写入到网页结构中实现图片的动态展示。2.核心1.相对路径和绝对路径、根目录<img src="../img/logo.png" />，其中../img/logo.png便是**相对路径**<img src="/img/logo.png" />，其中/img/logo.png便是**绝对路径**，注意以/开头变为绝对路径根目录： **src为根目录**2.vue页面加载图片的原理<img src="../

原创 Vue中的按钮级权限控制

目录1.背景2.核心3.代码3.1sessionStorage代码3.2自定义指令代码3.3使用指令1.背景今天需要对页面的按钮进行权限控制，主要做法是在角色的权限上维护上哪些按钮可以访问，如下图：登陆后查出用户的权限，配合vue自定义指令实现对dom元素的控制。2.核心1.vue自定义指令2.sessionStorage3.代码3.1sessionStorage代码LocalStore.storeValue = function(key, data){ window.sessio

转载 SpringBoot获取jar包所在目录路径

参考：https://blog.csdn.net/liangcha007/article/details/88526181ApplicationHome h = new ApplicationHome(getClass());File jarF = h.getSource();System.out.println(jarF.getParentFile().toString());

原创 redis采用lua脚本执行业务逻辑，以及在redis中对lua脚本进行debug调试

目录1. 背景2.核心3.注意点4.代码实例4.1lua脚本内容4.2将脚本加载缓存至redis4.3java中通过sha1校验码执行lua脚本1. 背景今天需要对一批redis操作保证原子性，故采用lua脚本进行实现。2.核心1.lua脚本基础语法：可以查看菜鸟教程2.对lua脚本进行debug，验证脚本准确性,执行命令如下 1、debug 模式 redis-cli -h ip -p port --ldb --eval F:/c.lua chat.u.conversation.uid:7:a

原创 java实现备份mysql、恢复mysql

目录1.背景2.核心3.注意点4.代码记录4.1java执行脚本1.背景今天需要对mysql进行定时备份，并且根据备份记录恢复数据，这篇文章主要记录备份过程。2.核心mysql备份命令：mysqldump -h{host} -u{user} -p{password} {dbName} > {backupDir}mysql恢复命令：mysql -h{host} -u{user} -p{password} {dbName} < {backupDir}java执行命令工具类：采用第三方ja

原创 javascript-小技巧-动态form下载文件流

1.问题描述今天从服务端下载文件流时，点击按钮后无任何反应。想起ajax无法接收流内容。2.解决方式1.模拟动态表单获取流内容（表单post传递参数相对便利），代码如下Request.downFile = function(url,paramsObj){ url = Request.getUrl(url); let form = document.createElement('form'); document.getElementsByTagName('body')

原创 element-小技巧-上传组件el-upload转换为普通按钮，与其他按钮并排显示（没有边框包裹）

目录1.问题描述2.解决方式2.1添加下面css样式2.2设置上传组件不显示上传文件列表1.问题描述在使用el-upload时，组件会自带一个矩形范围，而不是一个单纯的按钮。无法与其他按钮并排显示，如下图如何让上传组件与按钮并排显示，如下图箭头所指的是一个el-upload2.解决方式2.1添加下面css样式<style scoped> /deep/ .el-upload { display: inline;

原创 java-小技巧-统计一个List中某元素的个数

目录解决方式核心代码代码示例解决方式采用apache-commons-collections中的一个功能核心代码Bag bag = new HashBag(list);int count = bag.getCount(“d”);代码示例import java.util.ArrayList; import java.util.List;import org.apache.commons.collections.Bag; import org.apache..

原创 element - 组件使用记录

目录table相关1.table获取选中行el-dialog相关1. body超出固定高度出现滚动条table相关1.table获取选中行https://blog.csdn.net/qq_36537108/article/details/89261394this.$refs.multipleTable.selectionel-dialog相关1. body超出固定高度出现滚动条方式1：内容上添加style：style="height: 400px;o.

原创 表单上传多个文件

目录问题描述实现方式问题描述问题1：通过表单上传多个文件时，后台如何将多个文件与参数名对应起来？问题2：表单提交会进行页面跳转实现方式前端通过jquery.form.js进行表单提交，解决页面跳转问题。参考：https://blog.csdn.net/m0_37505854/article/details/79639046后端通过commons-fileupload.jar解决参数名一一对应的值或文件问题。参考：https://blog.csdn.net/m_none

原创 sparing的参数校验注解@Validated、@Valid使用记录

原创 工具汇总

内网穿透工具1.http://www.ngrok.cc/

原创 linux系统修改系统时间，最后还原时间

目录修改年月日修改时分秒还原时间目录修改年月日date -s 月/日/年 例如：date -s 04/15/20 ,将系统时间修改为2020年4月15日修改时分秒date -s 时:分:秒 例如：date -s 20:20:20 ，将系统时间改为当天的20点20分20秒还原时间依次执行//有用的是第二句，但是如果你开着ntp服务，那么需要先关闭下...

转载 字符与字节的区别

大家参考下面的文章链接：https://www.cnblogs.com/chenmingjun/p/8118083.html

原创 MessageFormat.format（） String字符串设置占位符，动态替换

String format = MessageFormat.format("aaa{0}bbbb{1}ccc", "张", "凡");System.out.println(format);//aaa张bbbb凡ccc

原创 window.open()打开一个窗体

使用方式windowOpen(url,"",1200,600);// 打开一个窗体function windowOpen(url, name, width, height){ var top=parseInt((window.screen.height-height)/2,10),left=parseInt((window.screen.width-width)/2,10), ...

原创 Nutz~官网文档

http://www.nutzam.com/core/dao/basic_operations.html#ndoc-7

原创 通过maven解决项目依赖本地的jar，在打包时这些jar未被打包的问题（compilerArguments＞extdirs）

前言在项目开发中，项目用maven管理，是一个maven项目。一般情况下jar包都可以使用pom.xml来配置管理，但也有一些时候，我们项目中使用了一个内部jar文件，但是这个文件我们又没有开放到maven库中。我们会将文件放到我们项目WEB-INF/lib中。如果是springboot项目放到resources/lib。如果我们不对pom.xml进行特殊配置的话，maven打包是不会自...

转载 maven是什么？如何配置maven镜像？如何在POM中配置项目层次的仓库，在settings中配置用户层次的仓库？如何分发构件至远程仓库？

本文介绍了Maven仓库，它是什么？本地仓库，远程仓库，中央仓库具体是指什么？并介绍了如何在POM中配置项目层次的仓库，在settings中配置用户层次的仓库，以及mirror。本文还介绍了如何安装构件到本地仓库，如何分发构件至仓库。https://blog.csdn.net/tiguer/article/details/80578660...

原创 Previous operation has not finished; run 'cleanup' if it was interrupted

目录问题背景为什么会出现这种错误？解决方法问题背景今天删除项目中的一个文件时，svn报错没能删除成功。之后再更新时便出现了Previous operation has not finished; run 'cleanup' if it was interrupted这样的错误提示。为什么会出现这种错误？通过查阅相关资料发现：本地的SVN客户端中有一个嵌入式DB（里面大约...

原创 对称加解密算法AES+加解密模式CBC+填充模式PKCS5

目录参考文本前言AES简介前端代码后台代码后台加密解密工具类代码后台接收参数接口代码参考文本前端参考：https://blog.csdn.net/z834410038/article/details/70231668后端参考：https://blog.csdn.net/aigoV/article/details/90374838https://b...

原创 HttpClient使用方法说明

在日常开发中我们肯定会遇到HttpClient去请求的操作，下面这篇文章详细的说明了使用httpclient进行get（有参无参）请求、post（有参无参）请求、https请求、携带文件请求、携带流请求。非常感谢作者！参考：https://blog.csdn.net/justry_deng/article/details/81042379...

原创 抓包工具~fiddler安装配置

参考：https://blog.csdn.net/hellocsz/article/details/79777911?utm_source=app目录前言1.下载安装fiddler安装包并傻瓜式安装2.配置fiddler2.1打开Fiddler软件，打开工具的设置。(Fiddler软件菜单栏：Tools->Options)2.2在HTTPS中设置如下：2.3在C...

原创 css基础~控制元素背景图片大小

前言css中可以通过background-size属性来设定背景图片的大小。例说明：background-size:950px 200px；/* 一个值: 这个值指定图片宽度，第二个值为auto *//* 两个值: 第一个值指定图片的宽度，第二个值指定图片的高度 */css代码.div_button{ width: 3.71rem; height: 0.95r...

原创 css基础~如何使div内的内容垂直水平居中

目录1.前言2.解决方法（flex布局）1.前言参考：https://www.cnblogs.com/xiaocaiyuxiaoniao/p/10407830.html上面这篇文章中记录了6中方法大家可自行参考。2.解决方法（flex布局）该方法主要是通过在div上添加下面三个css属性，这样div就实现了垂直水平居中。.sxzyjv{ ...

原创 Error:(1, 10) java: 需要class, interface或enum

目录1.前言2.原因(UTF-8+BOM造成)3.如何解决3.11使用Notepad++，选择“格式--以UTF-8无BOM格式编码”即可。或者用IDEA转换，先转换为GBK，再转回UTF-83.2为了防止其他乱码情况请继续修改下项目编码把项目编码 改成 GBK 然后 再改回 UTF-84.BOM相关了解1.前言之前一直在STS（eclipse的包装版）中进行开发，...

原创 nginx~配置反向代理

目录1.前言2.修改流程2.1下载安装nginx（自行百度）2.2修改配置文件2.3启动nginx（自行百度）2.4停止项目A，修改项目A的端口（port1）重新启动2.5项目B在（port2）端口启动1.前言服务器在80运行端口运行了一个项目A，今天突然说在改服务器上再跑一个项目B而且必须是80端口。首先想到的是换项目A的端口但仔细一想这样是不可取的原因如下：...