自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(49)
  • 资源 (1)
  • 收藏
  • 关注

原创 webpack专栏说明

一、说明 1. webpack专栏是我在学习王红元老师的vue.js课程的时候做的笔记,所有内容都是根据王红元老师课程讲诉我再自己总结归纳,然后有了这个专栏。 2. 这是王红元老师的github地址:https://github.com/coderwhy 这是老师在b站的授课视频:vue.js课程 老师在简书也有文章,搜一下 coderwhy二、版权 1. 将来如果王红元老师觉得我记录的这些东西侵权了...

2020-08-06 20:33:53 297

原创 vue专栏说明

一、说明 1. vue专栏是我在学习王红元老师的vue.js课程的时候做的笔记,所有内容都是根据王红元老师课程讲诉我再自己总结归纳,然后有了这个专栏。 2. 这是王红元老师的github地址:coderwhy; 这是老师在b站的授课视频:vue.js课程; 3. 老师讲的这套vue.js加webpack课程是非常的清晰而且详细的,很多我们在学习vue的时候,我们都会问为什么这个点是这样,比如钩子函数是什么,比如vue的生命...

2020-08-06 20:26:41 274

原创 eclipse中文乱码解决

1.修改项目的编码格式,或者工作空间的编码格式无法作用到项目里面的java文件的编码 格式。2.项目中修改编码格式只有选中Inherited from container,该项目的编码格式才会随着工作空间编码格式的改变而改变。3.只要改动了所有文件的编码格式,那么单个java文件的编码格式也会跟着修改。4.别人eclipse的所有java文件的编码格式设置为UTF-8,他用这个编码格式打...

2019-07-25 15:19:57 29241 9

原创 docker安装jenkins并且通过jenkins部署项目(超详细and靠谱)

一、简介:本文主要记录如何通过docker安装jenkins,并且通过jenkins部署项目,最终效果是只要在jenkins对某个项目点击构建,jenkins就会去gitLab上拉取最新项目的最新代码,然后根据你自己项目的pom.xml文件,把项目打包成jar,并且自动把这个最新的jar运行起来,达到一键式构建的目标。二、操作(1) 首先得先在服务器上装好这三个东西: jdk,git,maven。不知道怎么安装的同学可以移步到我写的这三篇文章中:JDK安装,maven安装,git安装。(2) 好,完

2022-05-21 12:11:32 37611 44

原创 centos7.6环境下gitLab生成ssh keys

一、简介本文介绍如何生成ssh keys,然后可以通过ssh的私钥与公钥拉取gitLab中的代码。二、操作(1) 先搞清楚一个概念,如果要在A机器上通过ssh keys来拉取B机器上的gitLab代码,那么你的以下的操作应该在A机器上;而如果你想在A机器上拉取原本就处于A机器上的gitLab代码,那么以下操作就是在A机器上。(2) 本文是在A机器上部署了gitLab,然后我也想在A机器上通过ssh keys拉取代码,所以我的操作都在A机器上。ssh-keygen -t rsa -C 'xxx@

2022-05-21 11:10:38 1476

原创 centos7.6生成ssh keys

一、简介:本文主要介绍如果生成ssh公钥和私钥。二、操作:(1) 这里先弄清一个概念,假设我有两台机器A,B然后我想在A机器上远程登录到B机器上,那么我就应该在A机器中通过ssh生成公钥和私钥,然后把公钥放到B机器中,私钥自己留着。咱们先弄清楚了这个概念以后再来操作。ssh-keygen #执行该命令,然后一路回车到底。到 /root/.ssh (这是centos7.6环境下的)文件夹中找到这两个文件:当然了,如果是windows环境下,那么就要自己看一下私钥公钥保存的路径了。

2022-05-20 21:04:54 2104 1

原创 centos7.6安装maven

一、简介本文介绍如何在centos7.6上安装maven。本文是用gz包安装的,这是小弟献上的链接:maven的gz包,提取码:4t9k。二、操作(1)解压gar包cd /usr/local mkdir maven #然后将gz包放到maven目录里面cd ./maventar -zxvf apache-maven-3.8.5-bin.tar #解压gz包解压完的目录就是这样:(2)配置maven的环境变量:vi /etc/profile #

2022-05-20 18:59:11 4100 10

原创 centos7.6安装git

一、简介本文用于介绍通过tar.gz包来安装git。这个是小弟分享的git的gz包:网盘地址,提取码:dyz4;大家也可以到官网上去找对应的版本下载:git的官网下载。二、操作(1)解压gz包:cd /usr/local #进入到/usr/lcoal的目录下mkdir git #新键git目录将上面获取到的gz包放入git目录中tar -zxvf git-2.33.1.tar.gz #解压gz包(2)配置git的环境变量vi /etc/prof

2022-05-20 18:36:55 3897 13

原创 docker安装nginx并且部署前端项目

1.简介本文主要介绍如何使用docker安装nginx,以及如何将前端打包好的vue项目部署到nginx上。2.操作(1)拉取nginx镜像: docker pull nginx (2)咱们先把docker镜像跑起来:docker run --name myNginx -p 80:80 -v /home/nginx/dist:/usr/share/nginx/html -d nginx## --name:容器名字## -d: 要启动的镜像的名字## -v: /

2022-05-15 21:53:01 4631 3

原创 程序员怎样才能实现财富自由

一、简介本文我们就来聊聊程序员如何实现财富自由,以下文章内容只是我自己的观点,如果大家有什么别的看法,可以在评论区一起讨论。二、开门见山我认为首先要有过硬的技术底子,尤其是在实践能力上,最好是理论与实践的相结合起来。假如一个程序员23岁,大学毕业,给他3年的时间,这3年时间摸爬滚打,磨练实战,总结理论,假设3年后确实已经达到了大厂程序员的水准了,那么很好的一条路就是进入大厂。进入大厂的好处就是意味的高薪水,当然加班估计少不了。规划是在27岁进入大厂,然后在大厂待到33左右,这是6年的时间。有着这

2021-02-28 18:24:08 663

原创 centos7.3使用docker安装nacos

一、简介1.本文主要介绍如何在centos7.3上使用docker安装nacos

2021-02-10 16:01:46 1493 6

原创 centos7.3安装jdk1.8

一、简介1.本文主要记录如何在centos7.3上安装jdk1.82.首先得现有linux版本的jdk1.8安装包,这是jdk1.8的链接地址: https://pan.baidu.com/s/1GjWDufoJbn271yo62V9hGA 提取码:f6vt (如果链接失效了可以评论告知一声,我会立刻更新的)二、具体操作1.首先将上面的jdk安装包上传到自己的服务的这个路径中: /usr/local/src/jdk 先进入到 /usr/local/然后新建文件夹src,在src里面...

2021-01-31 23:58:42 3843 2

原创 centos7.3使用docker安装redis

1、简介本文主要介绍如何在centos7.3的环境下,使用docker安装redis2、操作(1)首先安装docker,具体的步骤请移步至文章:centos7.3安装docker(2)拉取redis镜像,这里我指定的版本是5.0.3,大家可以不用和我一样哈。docker pull redis:5.0.3(3)运行redis镜像,生成redis容器。docker run -p 6379:6379 --name myredis -v /usr/local/docker...

2021-01-05 22:14:14 400 1

原创 centos7.3使用docker安装mysql

1、简介本文主要介绍如何在centos7.3的环境下,使用docker安装mysql,最终实现使用navicate连接运行起来的mysql。2、操作(1)首先安装docker,具体的步骤请移步至文章:centos7.3安装docker(2)拉取mysql镜像,一个mysql镜像可以运行起来多个mysql容器,而每一个容器我们都可以用navicate去连接它,也就是说这个运行起来的mysql容器才是实打实的navicate连接的mysql服务器。对于镜像和容器的关系可以用类与对象的关系进行..

2021-01-05 20:27:14 213

原创 centos7.3安装docker

1、简介本文主要介绍如何在centos7.3的环境下安装docker。2、操作(1)卸载本机中旧的docker(如果之前有安装的话)yum remove docker docker-common docker-selinux docker-engine(2)安装yum运行需要的软件包yum install -y yum-utils device-mapper-persistent-data lvm2(3)设置yum拉取镜像的时候所请求的服务器yum-config-ma

2021-01-04 22:09:47 247

原创 TypeError: xxx is not a function

一、问题描述: 1.在使用按钮监听一个事件的时候,出现了如下图的错误提示: 又是这个"xxx is not a function",这种错误还是会常见到的,经过一顿排查,最后发现是methods写成了method,改一下即可解决,当然也有可能是别的原因。。。这里我只是记录一下。...

2020-10-18 15:17:29 10016 3

原创 ...mapGetters,mapGetters,...mapState,mapState的用法

一、简介 本文主要介绍...mapGetters,mapGetters,...mapState,mapState这个四个东西在vue中的用法。可能没有办法像大佬一样把所有用法都精彩的介绍给大家,但是基本用法一定给大家讲清楚。二、看代码 1....mapGetters和mapGetters: 这两个东西用在computed里面,常规的用法如下图所示: (1)首先是我的store/index.js: (2)接下来是.....

2020-09-28 16:30:10 20885 1

原创 LeetCode.1137. 第 N 个泰波那契数

一、题目:泰波那契序列Tn定义如下:T0 = 0, T1 = 1, T2 = 1, 且在 n >= 0的条件下 Tn+3 = Tn + Tn+1 + Tn+2给你整数n,请返回第 n 个泰波那契数Tn 的值。示例 1:输入:n = 4输出:4解释:T_3 = 0 + 1 + 1 = 2T_4 = 1 + 1 + 2 = 4示例 2:输入:n = 25输出:1389537提示:0 <= n <= 37答案保证是一个 32 位...

2020-09-24 22:39:59 181

原创 LeetCode.617. 合并二叉树

一、题目描述:给定两个二叉树,想象当你将它们中的一个覆盖到另一个上时,两个二叉树的一些节点便会重叠。你需要将他们合并为一个新的二叉树。合并的规则是如果两个节点重叠,那么将他们的值相加作为节点合并后的新值,否则不为NULL 的节点将直接作为新二叉树的节点。示例1:输入: Tree 1 Tree 2 1 2 ...

2020-09-23 21:23:44 1208

原创 LeetCode.938. 二叉搜索树的范围和

给定二叉搜索树的根结点root,返回 L 和 R(含)之间的所有结点的值的和。二叉搜索树保证具有唯一的值。示例 1:输入:root = [10,5,15,3,7,null,18], L = 7, R = 15输出:32示例2:输入:root = [10,5,15,3,7,13,18,1,null,6], L = 6, R = 10输出:23提示:树中的结点数量最多为10000个。最终的答案保证小于2^31。public class TreeNode ...

2020-09-23 20:10:17 131

原创 LeetCode.783.二叉搜索树节点最小距离

给定一个二叉搜索树的根节点root,返回树中任意两节点的差的最小值。示例:输入: root = [4,2,6,1,3,null,null]输出: 1解释:注意,root是树节点对象(TreeNode object),而不是数组。给定的树 [4,2,6,1,3,null,null] 可表示为下图: 4 / \ 2 6 / \ 1 3 最小的差值是 1, 它是节点1和节点2的差值, 也是...

2020-09-23 16:37:24 159

原创 idea集成码云

一、简介 本文主要介绍如何用idea集成码云,从而进行团队的项目开发。二、操作 1. 操作分为两个地方的操作,一个是在码云上的,一个则是在idea中的。 2. 码云上的操作: 注册自己的账户密码。...

2020-09-03 14:20:32 274

原创 Disconnected from the target VM, address: ‘127.0.0.1:7385‘, transport: ‘socket‘

一、问题描述 1.我在用debug命令运行main函数的时候,控制台每次都只打印这个两句话,而且每次的address都会跟着改变。 于是我觉得问题很不简单,是不是什么虚拟机问题,你看报错有VM字样。所以我查了一些资料。大概都说两个方面的原因,一个是idea与maven版本不匹配;一个是自己代码有问题。我再三的检查,发现都不是这两个原因。所以我就重新写了一个main函数,而且还往里面的代码打了断点哦,程序进到断点里面了,说明没问题,于是我恍然大悟,我去,de...

2020-08-25 14:06:55 1104

原创 新版阿里云服务器的安全组配置

一、简介 1. 找到该页面

2020-08-24 22:35:48 2874

原创 springboot项目部署到阿里云

一、简介 本文将详细介绍如果将一个springboot项目部署到阿里云服务器上。二、环境介绍 1.首先声明,不同环境的操作命令是不同的,所以是有可能出现我们环境不同,你跟着我做完,但是你部署不上去的情况的。这时候多找找别的博客,多试试,多踩坑,没别的办法。 2.我使用的服务器是centos7.4.1708。查看版本通过: cat /etc/redhat-realease。三、步骤 1.首先将springboot项目进行打包,一般...

2020-08-24 22:27:12 255

原创 idea集成svn

一、简介 1. 本文主要介绍如何在Idea中使用svn去进行代码的版本控制。二、具体操作 1.首先在自己的电脑上装好svn,这个教程我不写了,搜一下很多的。然后如果是刚刚进入公司的童鞋可以让项目经理给你添加一个svn账号,顺便把svn的代码地址给你。然后你就可以先用svn的客户端检出代码了。 2.在第一步做好之后,用idea打开后端代码或前端代码,注意一点,你拉下来的东西可能很多,可以用idea只打开纯代码的个文件夹就可以。 3. 配置两个...

2020-08-16 21:46:01 610

原创 vue-cli3的目录结构

一、简介 1. 本文主要介绍vue cli3创建的项目的目录结构。二、项目的目录结构 1. vue cli3和vue cli2有一些区别,但是区别不会很多,可以先去看看vue cli2创建项目的目录结构再来看这篇文章:vue cli2创建项目的目录结构。 2. public文件夹:该文件夹可以用来存放静态资源,存放在该文件夹的东西不会被打包影响,而是会原封不动的输出到dist文件夹中,和vue cli2中的static文件夹一样的。 ...

2020-08-06 23:10:40 3655

原创 vue-cli4.4.6的创建项目过程

一、简介 1.本文主要介绍vue cli3创建项目的过程二、具体过程 1. vue create 项目名称号 //创建项目 2. 请选择一个配置: (1) default (balel,eslint): 选择默认的配置,主要有babel和eslint还有一些基础配置。Manually select features手动选择哪些配置是想要的,如果是选择这个请看: ...

2020-08-06 22:04:08 619

原创 vue-cli2如何关闭Eslint

一、简介 1. 本文主要介绍Eslint的作用以及在vue的脚手架中如何安装和关闭Eslint。 2. Eslint是用来规范项目中的代码的,它会根据选定文档中定好的规约,以这些规约来检查我们写的代码是否符合,不符合就报错。 3. 安装Eslint,一般我们在用脚手架来创建项目的时候,会有一个选项是要不要使用Eslint,当我们选择yes之后,它会让我们再选择使用哪个文档作为规范代码的标准文档。 4. Eslint的效果:先运行...

2020-08-06 13:19:58 4013

原创 vue-cli2的目录结构解析

一、简介 1. 本文主要介绍vue cli2自动生成的项目结构的解析;二、项目结构 1. 上图是项目的整体目录结构。我们读这个项目结构的时侯要先从package.json开始读,首先是看package.json中的scripts中的build,可以看出来它是执行 node build/build.js, node是可以直接执行文件的。 所以我们去看看build.js。这里介绍一下,package.json...

2020-08-05 23:27:36 1781 1

原创 TypeError: webpackMerge is not a function

一、错误信息: 二、场景: 在使用CommonJs导入一个安装好的webpack-merge的时候报了这个错,这是源代码: 报错提示说WebpackMerge不是一个函数,此时我就想它会不会是一个对象或者类,于是乎我改成了这样: 重新打包,错误解决,其实我也不知道有merge,但是我现在想要实现的功能就是合并js文件,merge的意思就合并,而且我明确的知道WebpackMerge不是函数了,那...

2020-08-05 14:44:25 7563 29

原创 webpack webpack.config.js的分离

一、简介 1. 本文主要介绍对webpack.config.js进行拆分,让开发时需要的配置和发布时需要的配置进行分离。 2. 新建三个js文件: base.config.js、prod.config.js、dev.config.js。base.config.js表示基础配置,prod.config.js表示发布的时候的webpack配置,dev.config.js表示开发时的webpack配置文件。 二、...

2020-08-05 14:37:22 553

原创 webpack dev-server搭建本地服务器

一、简介 本篇文章主要记录为什么要dev-server及其如何搭建dev-server; 1. 为什么要搭建dev-server: 之前我们修改完代码之后都要先npm run build ,然后再去浏览器页面手动刷新才能看到修改后的效果,这个原理就是每次修改完代码后我们都要重新构建项目。而dev-server是webpack提供的一个可选的本地开发服务器,它可以实现:当我们进行代码的修改后,浏览器会进行自动的刷新页面,让我们看到修改后的效果。 2. ...

2020-08-05 11:28:33 397

原创 webpack plugin的使用

一、简介 1. 本文主要介绍的是在webpack中对于plugin的使用。 2. 首先介绍一下什么是webpack中的plugin,简单的理解就是对于webpack现有功能的扩展,比如打包优化、文件压缩功能。 与loader的区别在于loader更像是一个加载器,专门将css,less,js,vue等文件进行打包加载的。 3. plugin如何使用: 同loader一样,也是先进行npm安装,然后到webpack.config.js中进行相应的配置。...

2020-08-04 23:11:06 2046

原创 vue 优化组件开发

一、优化vue的组件化开发: 1.现在使用新建的.vue后缀的文件,这种类型的文件就是专门用于组件的,它的模板代码,js代码,css代码是分开的,而每个.vue文件又是一个完整的组件,而且在组件中又可以导入其他组件。 二、对后缀名为.vue的文件进行打包 1. 安装对应的loader: npm install vue-loader vue-template-compiler --save-dev; vue-loader...

2020-08-04 17:18:05 290

原创 el属性和template属性的关系

一、简介: 本篇文章主要介绍el属性和template属性的关系: 一句话来概括,当el和template同时出现的时候,template中的代码会替代el挂载的DOM元素。const app = new Vue({ el: '#app', data: { message: 'hello', name: 'lzc' }, template: ` <div> <h2...

2020-08-04 14:57:26 964

原创 webpack 配置vue

一、简介 本篇文章介绍如何通过webpack配置从而能够在js文件中撸vue的代码,vue的代码就是比如 const app=new Vue({});类似这样的。那为什么要通过webpack配置来使用vue,而不是通过cdn,直接引用vue.js代码;答案就是为了进行模块化开发。不知道大家是否了解我刚刚所提及的两种使用vue的方式,cdn和直接引用vue.js。这两种方式都有一个特点就是需要在html文件中通过<script></script>来将vue.js进行...

2020-08-04 14:29:07 390

原创 webpack 将ES6转为ES5

一、为什么要把ES6转为ES5 首先我们知道webpack打包好的文件是放到 /dist/bundle.js里面的,如果仔细阅读bundle.js,会发现当中的大部分语法都是ES6,这样就产生了一个问题,许多不支持ES6语法的浏览器是无法解析我们打包好的bundle.js。因此我们需要做的是,在打包文件的时候,如果有ES6的语法,统一打包成ES5, 这样就能确保在最终输出的bundle.js中的语法是ES5的,从而让大部分的浏览器都能正常运行。二、找到babel-loader ...

2020-08-04 11:19:56 3094

原创 webpack 打包图片文件

一、准备工作 1. 在src文件夹中新建一个img文件夹,并且在里面放两张图片; 2.在css文件中引用图片,从而让webpack能够知道这个图片也是要打包的; 二、 使用url-loader和file-loader 能打包图片的loader有url-loader、file-loader;二者的区别在于当图片的大小>url-loader中的limit时,那么webpack会选择使用file-loade...

2020-08-04 10:27:51 1310

原创 Cannot find module ‘file-loader‘

场景: 在使用url-loader对.jpg类型的文件进行打包的时候,出现了如下的错误:单单看这些东西我实在是看不出啥玩意错误了。后面我看了一下打包的结果,发现其他文件都行,就是./src/img/test.jpg不行,于是我想起了老师说的...

2020-08-03 22:29:25 6229 1

spring4.2.4运行环境资源包.rar

spring4.2.4运行基础资源包, 里面包含了一些基础jar包,包括log4j ,还有Mybatis的部分jar包,也就是说,导入这些jar包,可以进行spring和mybatis的整合开发了。jar包的资源非常完整,适用于jdk1.8哈

2019-10-25

空空如也

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

TA关注的人

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