我有一个梦想的专栏

原创 vuex4.x 升级pinia，router 中使用同步组件导致项目启动失败

vuex 升级pinia遇到的问题

原创 记录-老联想笔记本安装 centos8

遇到的问题及参考文章问题1： U盘安装CentOS时停在Reached target Basic System的解决方案https://www.pianshen.com/article/62031483663/https://blog.csdn.net/ytingone/article/details/53744953这个问题主要产生的原因是制作镜像时，盘符太长导致真正的名称被截断，造成U 盘中装机文件的盘符名称和实际不符合，可以打开装机盘中的文件把相关带盘符的地方进行修改正确。问题2：

原创 一、BeanFactory 及其子类继承关系

原创 spring boot maven 多模块项目依赖的类maven打包时失败

问题背景最近针对一个老的单体spring boot项目进行多模块拆分，拆分为三个模块xx-a, xx-b,xx-core，其中a,b两个模块都依赖core模块，拆分过程中很简单就是老的代码都先放到a模块，把service,entity,mapper都抽到core，然后整体作为a的依赖。项目起初看起来很正常，但是通过maven打包，则提示a模块中依赖的core 模块中的java 类找不到，但是IDEA没报错啊，也能点击链接过去，后来发现父级模块的maven build plugin为：<plugi

原创 k8s v1.20 版本线下集群搭建

本人也是初学者，这里只是记录自己实践中遇到的问题，不喜勿碰。起初想以最新的v1.21版本构建线下集群，但是使用阿里源作为中心执行kubeadmin init时提示无法找coreDNS对应的版本，目前没有解决掉。因此使用v.12.0版本构建1、 构建环境准备使用一台电脑，启动了三台 centos8虚拟机，各台虚拟机均以设置静态IP，虚拟机间网络互通，外网互通。2. 主要参考文章感谢各位先行者给出的实践教程，本人参照博客以及官网完成安装，主要参考博客如下：https://blog.csd.

原创 记录 element-ui版本不兼容问题导致popconfirm组件线下、线上表现不一致

项目场景：使用element ui + vue 开发后台系统时，遇到一个表格操作需求点击进行某个操作，但是这个操作前需要进行确认提醒后才能真正处理，这里使用按钮加确认组件做交互： <template> <el-popconfirm v-if="row.auditStatus === 0" title="确定需要撤回修改吗？" @confirm="doRollBackModify(row)"

原创 spring 项目中 使用 HttpServletRequest 获取body中提交的json 参数

大概原因：Java 中的HttpServletRequest 中的 request.getInputStream(); 流只能读取一次，这是由于流的特性，因此加入spring 框架在某个过滤器或者注解解析器中（例如V@RequestBody）中使用过这个流，那么后续再也无法获取流中的内容。解决思路：写一个HttpServletRequest的wrapper,里面提供或者body str的方法，然后在定义一个顶级的过滤器，在这个过滤器中获取body参数，然后封装到定义的wrapper中，后续哪里使用就直

原创 vue2 props 属性值接受多个类型

originalData: { type: Array | Object, default () { return [] } } } ```

原创 VMware workstatiion15 安装centos7虚拟机配置静态ip,两台物理机及物理机中的centos7全部联通

写在前面的话其实我也是参考别人的，再写这篇文章只是为了汇总，毕竟哪怕你照着做，可能会得不到相同的结果。背景需求我有两台物理机，一台笔记本，一台台式机，两台配置算是中等配置，想在两个物理机上创建多个(期望4个)虚拟机模拟分布式的一些东西，于是想着使用vm 搭建虚拟机，这里有个问题是虚拟机默认ip 是DHCP 形式随机分配的，即是动态的，我们外部肯定会用一些ssh 工具链接虚拟机。因此网络需求如...

原创 vue 组件绑定的值发生变化后，组件UI效果不生效

问题场景我使用vue 做前端开发，现在我有一个脚本树，想要只是搜索功能，这个搜索是在前端完成的，但是当脚本树的数据和层次结构较深时，输入搜索后，可能需要1-2秒的时间响应，这时就希望在搜索开始的时候加入loading效果，结束后取消loading。脚本树长这样：点击搜索后希望使用iview 的 Spin 组件, 期望结果如下：也就是加个遮罩层，有个Loaing，按照iview的组件文...

转载 MacOS Docker fix "kubernetes is starting"

参考：https://blog.csdn.net/bacteriumX/article/details/87856225git clone 命令手打一下，复制执行我没成功。设置代理：https://registry.docker-cn.com ，未设置前我执行上述文章的步骤，发现没有成功，但是看日志镜像下载没问题，第二次设置这个代理后在执行了一遍镜像下载命令，重启docker desktop...

原创 nginx 配置支持websocket

背景最近在开发前后端分离的项目时，某个功能使用了websocket 异步推送，本地测试后项目后，发布到线上，发现websocket无法连接上，后来查资料发现线上使用nginx转发了请求，需要配置nginx支持socket 连接。解决方法增加nginx配置如下： location / { proxy_set_header host $host; ...

原创 spring-security-oauth(2.3.4版本)解决There is no PasswordEncoder mapped for the id “null”的问题

背景最近跟着大神学习撸spring cloud，最后的章节是spring oauth2 保护应用程序的内容，跟着作者讲解找搬demo，但是我使用postman 访问http://localhost:5000/oauth/token 端口获取token时一直不成功，作者的版本比较老(貌似spring boot 是1.5，我的都是最新的稳定版2.x)，主要是以下两个错误：错误一访问 http...

原创 springboot 整合mybatis时，junit单元测试或打包时报无法找到Mapper中声明的方法

背景最近搭建了一个简单的springboot+mybatis+thymelaf的项目，但是项目写了部分数据库代码后跑单元测试提示找不到Mapper中声明的,即如下错误：org.apache.ibatis.binding.BindingException: Invalid bound statement (not found): xxx之前测试的两个mapper方法都是能跑成功的，但现在也不...

转载 CGLIb动态代理原理及及使用

两篇好文：CGLIB基本原理及结构：https://www.imooc.com/article/48038CGLIB 代理使用：https://blog.csdn.net/yhl_jxy/article/details/80633194

原创 reflect包- Proxy类

带着疑问Proxy 类的作用怎样使用Proxy 类Proxy 工作原理是什么产生的Proxy 代理类结构是什么反推Proxy的用法Proxy 的作用Proxy类 提供了静态方法用来创建动态代理类以及其实例，同时它也是通过调用它的方法产生的动态代理类的父类；这里有两点需要说明：1.动态代理类指的是动态代理类对应的Class 实例；2、 动态代理类的父类： 及所有生成的动态代理类都将...

原创 reflect包-WeakCache类

前驱知识点java 引用的四种基本类型java 中包括四种基本类型，分别是FinalReference(强),SoftReference(软)，WeakReference(弱)、PhantomReference（虚），按照顺序引用能力依次递减。FinalReference产生：使用new 关键字或者显示使用FinalReference 构建的对象应用特点：强引用可以直接访问目标对象；强...

原创 如何输出cglib以及jdk动态代理产生的class文件

背景最近像研究下spring 原理，看到代理这块，想去看看JDK动态代理产生的过程，这里想要知道最终生成代理类的结构，于是需要知道class 文件的结构。解决办法：产生jdk 代理文件的方法方法一：在调用测试代理的方法前加(此方法通知虚拟保存产生的代理文件)：System.getProperties().put("sun.misc.ProxyGenerator.saveGenerat...

转载 Java 源代码编译成 Class 文件的过程分析

不错的好文章，直接调式Javac编译过程来说明怎样将.java 文件转成.class文件，这其中发生了什么。下面我们详细了解Java前端编译：Java源代码编译成Class文件的过程；我们从官方JDK提供的前端编译器javac入手，用javac编译一些测试程序，调试跟踪javac源码，看看javac整个编译过程是如何实现的。javac编译器javac源码与调试javac编译器是官方JDK中...

原创 如何同时在笔记本使用gitlab 和 github 仓库

背景使用git 的公司基本上都会搭建自己的gitlab服务器，项目代码托管在gitlab上，但是有时候个人有github项目需要维护，通过ssh 直接生成的key只能指定gitlab或者github，这就产生了我想同时让两个项目托管服务器都可用的问题。解决办法照搬没意义，参考：https://www.jianshu.com/p/cbb7117986d8实际过程上面的文章说配置全局的git...

原创 vue 疑难杂症记录

一、render 函数渲染自定义组件注意的问题一般使用vue render函数渲染普通的html标签时，写法如下：render: (h) => { return ('div', {}, '测试内容')}但是有时候我们需要使用render渲染自定组件这时候就不应该在自定义的组件名上加“”号了，写法如下：render: (h) => { return (ToolBar...

原创 css-布局- box-sizing 的含义及作用

含义了解过前端的同学都知道前端控制样式使用典型的盒子模型, 盒子模型由四部分构成，外边距(margin), 边框(border),内边距(padding), 内容content; box-sizing 就是指定盒子的大小和结构的。它支持三种值：box-sizing: content-box; //默认值 内容真正宽度 = 设置的宽度box-sizing: border-box; // 内...

原创 validateComponentName Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

在搭建前端组件库项目时，写好自己的组件库，然后发布到npm ，在另一个项目中引用发的的组件时，出现 validateComponentName Uncaught TypeError: Cannot read property 'toLowerCase' of undefined 错误，组件是以插件的方式全局安装的，因此需要组件项目中有个index文件,提供了install 方法，如下：c...

原创 ERROR Invalid options in vue.config.js: "filenameHashing" is not allowed

最近使用vue作为前端开发的框架，前端开发完毕后需要使用vue cli3 编译成静态文件，编译的文件不需要hash,因此加入配置：module.exports = { baseUrl: BASE_URL, outputDir: 'dist', filenameHashing: false, chainWebpack: config =&gt; { config.plu...

转载 Ubuntu Navicat for MySQL安装以及破解方案

PS:linux一般文件源码放在 /usr/local/src文件夹，安装文件在/usr/local/下，不要什么文件都安装在/home下，宝宝在这里乱装软件浪费了两天时间，呜呜呜；———-修改了部分错误 今天安装了Navicat for MySQL有LINUX版本了哈， 开心的说， 首先上官网上下载LINUX版本： http://www.navicat.com/download/navi...

原创 ubuntu 下JAVA环境变量设置

一、理解ubuntu 下相关的环境变量设置1. 查看环境变量查看环境变量有三个命令：env：env命令是environment的缩写，用于列出所有的环境变量export：单独使用export命令也可以像env列出所有的环境变量，不过export命令还有其他额外的功能echo $PATH：    echo $PATH用于列出变量PATH的值，里面包含了已添加的目录2. 设置方式设置环...

原创 揭秘 console.info(Object.prototype) 为{}对象

根据JS原型链机制，可以通过Object.prototype获取Object的原型对象，这个对象也是原型链的终极原型（最外层的原型），但是发现console.info(Object.prototype)为空，看不到定义的toString等原型属性，感觉很意外。正确方法：1、可以使用 Object.getOwnPropertyNames(Object.prototype) 获取对象的所有...

原创 Vue 项目开发之疑难杂症

1、使用v-model 绑定对象的动态属性，导致v-model失效或者数据异常 场景：使用iview的CheckboxGroup 做checkbox多选时，发现勾选的选项和v-model绑定对象对应的属性值不匹配。template代码如下：&lt;CheckboxGroup v-else-if="item.formType === 'checkbox'" v-model="metaT...

转载 终于有人把云计算、大数据和 AI 讲明白了（好文）

我今天要讲这三个话题，一个是云计算，一个大数据，一个人工智能，我为什么要讲这三个东西呢？因为这三个东西现在非常非常的火，它们之间好像互相有关系，一般谈云计算的时候也会提到大数据，谈人工智能的时候也会提大数据，谈人工智能的时候也会提云计算。所以说感觉他们又相辅相成不可分割，如果是非技术的人员来讲可能比较难理解说这三个之间的相互关系，所以有必要解释一下。一、云计算最初是实现资源管理的灵活性我们...

原创 基于Vue的前后端分离项目实践

一、为什么需要前后端分离1.1什么是前后端分离  前后端分离这个词刚在毕业（15年）那会就听说过，但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离？直观的感觉就是前后端分开去做，即功能和职责上的一种划分，前端负责页面的渲染，部分页面交互的逻辑，然后通过网络请求与后端进行数据的交互；后端则着重关注业务逻辑的处理，直接操控数据库。1.2前后端未分离前（1）jsp + s...

转载 vue的router组件component在import时不能使用变量

webpack 编译es6 动态引入 import() 时不能传入变量，例如dir =’path/to/my/file.js’ ； import(dir) , 而要传入字符串 import(‘path/to/my/file.js’)，这是因为webpack的现在的实现方式不能实现完全动态。但一定要用变量的时候，可以通过字符串模板来提供部分信息给webpack；例如import(./path/$...

转载 Vue相关开源项目库汇总(史上最全)

原文地址：https://blog.csdn.net/caijunfen/article/details/78221680

原创 使用展开和收起处理table 表格列文本过长

# 场景：在做后台页面时，经常用到表格，有时候表格列的内容过长，导致所在行拉的很高，严重影响美观性和可用性。# 解决方案：1. 不展示内容过长的列。如果没有必要可以不展示或者另放在一个详情页面，毕竟表格宽度有限，只需要展示关键列。2. 截取展示，只展示内容的前几个字，比如20字，后面省略号，点击省略号展开详情，这种只适合中等长度的列。3. 当内容实在很长，可以考虑使用弹出框加滚...

转载 基于netty-socketio的web推送服务

实时消息的推送，PC端的推送技术可以使用socket建立一个长连接来实现。传统的web服务都是客户端发出请求，服务端给出响应。但是现在直观的要求是允许特定时间内在没有客户端发起请求的情况下服务端主动推送消息到客户端。有哪些可以实现web消息推送的技术：不断地轮询（俗称“拉”，polling）是获取实时消息的一个手段：Ajax 隔一段时间（通常使用 JavaScript 的 setTimeout 函...

原创 JAVA 动态代理

JAVA动态代理的实现方式：一、JDK动态代理原理及实现    JDK动态代理生成的代理对象需要实现代理类的接口，最终生成的字节码类如下：public final class $Proxy11 extends Proxy      implements UserService {    //......}这里可以看出生成的代理对象需要继承Proxy类，而java只支持单继承，这也就说明为什么JDK...

原创 JAVA并发编程的书籍及资料

作者：知乎用户链接：https://www.zhihu.com/question/27072408/answer/44810484来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。Java并发编程实战 (豆瓣) （java并发的圣经）多处理器编程的艺术 (豆瓣) （并发编程的各种算法，java实现，有点难度）并发的艺术 (豆瓣) （多核处理器的共享内存模型中的各种算法...

原创 ubutu 16.04 和 win10双系统的安装

 最近在学习大数据相关的知识，发现很多东西都适合在linux下面操作,于是想着在本地安装ubuntu和win10双系统，之前安装过一次，但是这次安装的时候特别不顺利，折腾了两天，都快吐了，下面记录一些问题：1. 硬盘分区或者合并可以直接在win10下面进行，只要不涉及系统盘，之前我想想着自己弄个启动U盘，进入装机系统，然后分区。2. 使用大白菜和老毛桃装windows启动盘时，无法模拟启动，网上说...

原创 ${pageContext.request.contextPath} 无效-取不到值

 今天在用JSP写一个简单的页面时，需要使用${pageContext.request.contextPath} 获取项目相对路径，用来加载css/js文件，但是发现使用${pageContext.request.contextPath}表达式无法获取，导致资源不能找到，很郁闷，用法如下：&lt;%@ taglib prefix="c" uri="http://java.sun.com/jsp/j...

转载 解决问题：Ubuntu系统无法安装Google Chrome 浏览器

原文：https://blog.csdn.net/wangjiankun_ls/article/details/78612446在安装完Ubuntu系统后，有时会碰到下载的Google Chrome浏览器无法安装的问题。下面讨论一下如何解决这个问题：1.下载google chrome 的deb安装包；2.进入到安装包所在的目录；3.安装依赖项： sudo apt install libappind...

原创 Flume 使用场景记录

Flume用来收集日志信息，这里记录以下使用场景：场景一：使用avro source ,memory,logger 将收集到的日志打印在标准输出，适合测试。场景二：使用avro source,kafka channel,hdfs 将日志以"Flume Event" Avro Event Serializer 的形式保存在hdfs上，这种方式生成的.avro文件中的每一条记录的字段中包含header...