Esca的学习之路

原创 ProcessOn-在线作图工具---好工具一定要分享给最好的朋友

ProcessOn-在线作图工具--------好工具一定要分享给最好的朋友注册地址：https://www.processon.com这是我最近刚发现的一款国产的在线作图工具，类似于visio。我主要用来做项目的结构图和流程图。先来几张效果图：上面这张设计效果图上显示的是它提供的设计模版，可以根据需求自行选择。优点：1、实时保存。如果你的网络环境好的话，它是直接实时保存到它的数据库。如果您当前的网络环境太差的话，它会先保存到本...

转载 MySQL 查看执行计划

MySQL 使用explain + sql 语句查看 执行计划，该执行计划不一定完全正确但是可以参考。EXPLAIN SELECT * FROM user WHERE nid = 3;select_type 说明 SIMPLE 简单查询 PRIMARY 最外层查询 SUBQUERY 映射为子查询 DERIVED 子查询 UNION 联合 UNION RESULT 使用联合的结果 table: 正在访问的表名type..

原创 Vue watch 复杂对象变化，oldvalue 和 newValue 一致，解决办法。

watch的常规用法：watch:{tempData:function(value,oldValue){console.log(value,oldValue)}},但是如果需要监听的数据是对象、内嵌多层的对象后，需要用到watch中的deep属性。类似于下面这种对象内嵌的对象：data:()=>({tableData:{lineData:[ {"name":"线路1","type":"长途"},...

原创 推荐几款好用的UI框架 和 后台管理系统(开源免费）

1、RuoYi https://ruoyi.vip/RuoYi是一个后台管理系统，基于经典技术组合（Spring Boot、Apache Shiro、MyBatis、Thymeleaf）主要目的让开发者注重专注业务，降低技术难度，从而节省人力成本，缩短项目周期，提高软件安全质量。主要有一下三个版本：LayUI+SpringBoot版本管理系统Vue+SpringBoot前后台分离管理系统Vue+SpringCloud 微服务版本管理系统2、vue-admin-beauti...

原创 vue npm install 安装某个指定的版本

npm安装固定的版本的package，只需要在命令行之后加上‘@版本号’即可，操作如下：1、vue-print-nb最新版本是1.5.0版本，如果我们只想要下载1.2.0版本，操作如下： npm install --save-dev vue-print-nb@1.2.0　　npm install --save vue-print-nb@1.2.02、命令介绍（--save -dev）　　--save：将保存配置信息到package.json。默认为dependencies节点..

原创 druid localdate SQLFeatureNotSupportedException

使用mybatis3.5.4、druid1.1.14逆向工程会将数据库中的date类型转换为localDateTime，访问接口的时候报错，java.sql.SQLFeatureNotSupportedException，发现是版本的问题升级druid版本 1.1.20 + 即可解决问题。报错内容如下：org.springframework.dao.InvalidDataAccessApiUsageException: Error attempting to get column 'start_.

原创 vue中 不更新视图 四种解决方法

有三种解决方案：方案一：利用Vue.set(object,key,val)例：Vue.set(vm.obj,'key','value')方案二：利用this.$set(this.obj,key,val)例：this.$set(this.obj,'key','value')方案三：利用Object.assign({}，this.obj)创建新对象Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。例：con...

转载 经典前端面试题: Object.assign 是浅拷贝还是深拷贝？实现深拷贝的方法有哪些？

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。 Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]]，所以它会调用相关 getter 和 setter。因此，它分配属性，而不仅仅是复制或定义新的属性。如果合并源包含gette.

转载 Vue 路由懒加载根据根路由合并chunk块

路由懒加载的小技巧一般来说当我们的项目越来越大的时候，我们打包的文件也越来越大。这时候我们的首屏加载就会很慢。因此我们会使用到路由的懒加载机制来对我们的模块进行划分export default new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/A', component: () => import('./components/A.vue'),

转载 关于Vue-cli+ElementUI项目 打包时排除Vue和ElementUI

修改build/webpack.base.conf.js....module.exports = { .... // 表示不需要webpack打包的文件 externals: { 'vue': 'Vue', 'element-ui': 'ELEMENT' }}修改 main.js 注释掉 Vue 和 ElementUI// import Vue from 'vue'// import ElementUI from 'element-ui'//..

原创 vue 路由懒加载 resolve vue-router配置

vue 路由懒加载 resolve vue-router配置使用方法1:这是异步加载代码的旧写法. 1 component:resolve => require(['@/pages/About'],resolve)//"@"相当于".." 使用方法2：你可以改写成以下比较容易理解的写法.component:()=>import('@/page/index')懒加载router/index.js...

原创 VUE 常见问题

新建完项目，先做好准备工作1 定义全局路由import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { path: '/', redirect : '/home', name: 'index', component : () => import('@/page/hom.

原创 Vue 生命周期 详解

转载 SpringCloud Feign的使用方式(二）

现在介绍如何通过实现Feign接口的形式，更简单的使用Feign使用的版本：spring-cloud-openfeign 2.1.0.RELEASESpringCloud版本：Greenwich.RELEASE1、新建一个Maven模块，该模块只存放定义的Feign接口（因为消费者和提供者都需要使用该接口，所以将它们抽取出来单独部署成一个模块），添加依赖feign依赖 <dependencies> <!-- feign依赖 --> ...

转载 SpringCloud Feign的使用方式(一）

一. 综述之前微服务之间的调用是使用RestTemplate，虽然存在Eureka注册中心的情况下，可以使用服务提供者的name代替url。但是类似“/SPRINGCLOUD-EMPLOYEE-PROVIDER/emp/list"这种地址， 存在的问题是：消费者必须要明确提供者的 application.name 还是太长，写起来还是很麻烦 等Feign： 是Netflix开发的声明式、模板化的HTTP客户端， Feign可以帮助我们更快捷、优雅地调用HTTP API，”面向接口的形式“调用

转载 微服务网关 Spring Cloud Gateway

导读作为Netflix Zuul的替代者，Spring Cloud Gateway是一款非常实用的微服务网关，在Spring Cloud微服务架构体系中发挥非常大的作用。本文对Spring Cloud Gateway常见使用场景进行了梳理，希望对微服务开发人员提供一些帮助。微服务网关SpringCloudGateway1.概述Spring cloud gateway是spring官方基于Spring 5.0、Spring Boot2.0和Project Reactor等技术开发的...

转载 OAuth2 授权

什么是OAuth2是开放授权的一个标准，旨在让用户允许第三方应用去访问改用户在某服务器中的特定私有资源，而可以不提供其在某服务器的账号密码给到第三方应用通俗的话可以这样去理解，假如你们公司正在开发一个 第三方应用XXX，该应用会需要在微信中分享出来一个活动页，该活动需要让微信用户去参与，你们的应用需要收集到用户的姓名，头像，地域等信息，那么问题来了？你的应用如何才能拿到所有参与活动的微信用户的基本信息呢?根据以上示例，可以将OAuth2分为四个角色： Resource Owner：资源

转载 OAuth2介绍与使用

什么是OAuth2OAuth（Open Authorization，开放授权）是为用户资源的授权定义了一个安全、开放及简单的标准，第三方无需知道用户的账号及密码，就可获取到用户的授权信息OAuth2.0是OAuth协议的延续版本，但不向后兼容OAuth 1.0即完全废止了OAuth1.0应用场景第三方应用授权登录：在APP或者网页接入一些第三方应用时，时常会需要用户登录另一个合作平台，比如QQ，微博，微信的授权登录,第三方应用通过oauth2方式获取用户信息运作流程微信开发..

转载 Maven：mirror和repository 区别

1 Repository（仓库）1.1 Maven仓库主要有2种： remoterepository：相当于公共的仓库，大家都能访问到，一般可以用URL的形式访问 local repository：存放在本地磁盘的一个文件夹，例如，windows上默认是C:\Users\｛用户名｝\.m2\repository目录 1.2 RemoteRepository主要有3种： 中央仓库：http://repo1.maven.org/maven2/ 私服：内网自...

转载 Maven之阿里云镜像仓库配置

方式一：全局配置可以添加阿里云的镜像到maven的setting.xml配置中，这样就不需要每次在pom中，添加镜像仓库的配置，在mirrors节点下面添加子节点：<mirror> <id>nexus-aliyun</id> <mirrorOf>central</mirrorOf> <name>Nexus aliyun</name> <url>http://maven.a

转载 vue中的状态管理 vuex store

vuex store 是响应式的，当vue组件从store中读取状态（state）时，若store中的状态发生更新时，会及时的响应给其他的组件。store 中的四个核心选项: state mutation getters actions1）state是用来存放组件之间共享的数据，一般会在组件的计算属性中获取state的数据。使用：this.$store.state. ...2)在 Vuex store 中，实际改变 状态(state) 的唯一方式是通过提交...

原创 正则替换下括号以及括号内的内容

正则替换下括号以及括号内的内容：String address="192.122.8.0/24(测试地址)";String s=address.replaceAll("\\(.*?\\)|\\)|（.*?）|）", "");System.out.println(s);

转载 Collectors.groupingBy 使用

本文主要介绍一下lambda表达式中的Collectors.groupingBy的使用。//groupingBy使用 System.out.println("=======groupingBy=========="); Stream<Person> stream = Stream.of(new Person("1", "aa", "12"), new Person("1", "bb", "13"), new Person("3", "cc", "14"...

转载 exists与not exists的原理讲解

1.场景还原 在项目后期优化部分，mysql优化势必是一个重头戏，今天笔者就sql中的exists与not exist的原理及用法给大伙讲解一番，希望能给大家带来启发；2.原理解释EXISTS (sql 返回结果集为真)NOT EXISTS(sql 不返回结果集为真（或返回结果集为假）)3.拆解过程①exists与not exists案例解析SELECTA.*FROMAWHEREEXISTS (SELECT B.* FROM B WHEN A.id = ...

原创 MySQL--在表中增加、修改、删除字段 以及常用 命令

1、增加字段alter table config add COLUMN key VARCHAR(10) NOT NULL; //增加一个字段，默认不为空alter table config add COLUMN value VARCHAR(20) DEFAULT NULL;//增加一个字段，默认为空2、删除字段alter table config DROP COLUMN value; //删除一个字段3、修改字段alter table config ...

原创 cant connect to local MySQL server through socket /tmp/mysql.sock (2)

1.连接mysql时，遇到的问题。问题如下：Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2)这个文件是初始化后生成到配置文件指定到的目录下的，具体内容查看 /etc/my.cnfcat /etc/my.cnf通过查看文件是存在的，但是还是报错。根据报错提示，是无法找到/tmp下面的mysql.sock，但是我们文件是生成在/etc/my.cnf指定的目录...

转载 java实现 IP/掩码位 转换 ip段范围

import java.math.BigDecimal; import java.util.ArrayList; import java.util.List; import java.util.regex.Pattern; public class IpUtil { /** * 在main方法里面可以测试下 * 主要功能都在main方法里，需要什么自己找 */ public static void mai.

转载 JDK1.8-Stream API使用

一、前言  在目前用到的JDK8的功能当中，毫无疑问Stream的使用是最多的，所以通过这篇文章来学习总结一下。  首先，Java8的Stream是对集合对象操作的API，它专注于对集合对象进行各种非常便利，高效的聚合操作或者大批量操作，从而减少代码的复杂度。借助于lambda表达式，极大的提高编程效率和程序可读性。并且Stream支持串行和并行两种模式，使我们无需编写太多代码，就可以很方便的写出高性能的并发程序。二、Stream结构及构建public interface ...

转载 Spring 全家桶注解一览

几大常见的注解以及使用1. @Controller@Controller：标注一个控制器组件类。标识一个该类是Spring MVC controller处理器，用来创建处理http请求的对象。组合注解（组合了@Component注解），应用在MVC层（控制层）@Controllerpublic class TestController { @RequestMapping("/test") public String test(String name){

原创 Docker(三） 构建镜像

镜像基础参数# 注释FROM 指定源镜像 ->FROM cnetos:7RUN 构建时在镜像中执行的命令 -> RUN apt updateCOPY/ADD 复制，会自动创建不存在的目录 -> COPY ./dist /code/distWORKDIR 用于指定工作目录 -> WORKDIR /codeCMD 启动脚本 -> CMD ["nginx", "./config.sh"] DockerFile Sample#镜像FROM ..

原创 Docker(二） 基础命令

一、简述　　Docker查看运行中容器并进入容器。二、方法$ sudo docker ps $ sudo docker exec -it 775c7c9ee1e1 /bin/bash 　　将黄色文字替换为docker ps返回的列表中的ID。三、效果

转载 Docker(一）使用阿里云容器镜像服务

阿里云容器镜像服务为我们提供了镜像加速器和免费的镜像仓库，这对我们在实践 Docker 操作，保存、分享镜像时尤为有用。登录阿里云控制台首页，找到并点击进入容器镜像服务：配置镜像加速器阿里云容器镜像服务为我们提供了镜像加速器。而使用加速器可以提升获取 Docker 官方镜像的速度。如下，是我从官方操作文档中摘录的关于在 CentOS 主机配置阿里云镜像加速器的方法。1、写入并创建 /etc/docker/daemon.json 文件：$ sudo tee /etc/docker/

转载 Mac 下docker路径 /var/lib/docker不存在问题

mac下 docker 实际是在vm里又加了一层，因此需要进入 vm 才能进行操作VM 的位置存在于~/Library/Containers/com.docker.docker/Data/com.docker.driver.amd64-linux/Docker.qcow2 ，但是我们实际在这里面也找不到对应的镜像或者容器执行这段代码进入 vmscreen ~/Library/Containers/com.docker.docker/Data/vms/0/tty然后你就可以进入docker的..

原创 docker-daemon.json各配置详解

docker-daemon.json各配置详解{ “api-cors-header”:"", ——————在引擎API中设置CORS标头 “authorization-plugins”:[], ——————要加载的授权插件 “bridge”:"", ————将容器附加到网桥 “cgroup-parent”:"", ——————为所有容器设置父cgroup “cluster-store”:"", ——————分布式存储后端的URL “cluster-sto.

转载 判断时间或者数字是否连续

一、判断时间数组是否连续（格式：yyyyMMdd）public static String convert(String[] ints, int index) { int end = index; if (ints.length == index) {//结束条件，遍历完数组 return ""; } else { for (int i = index; i < ints.length; i++) { if (i &l...

原创 已知子网掩码，确定ip地址范围

主要是把 ip地址和e799bee5baa6e997aee7ad94e78988e69d8331333363383364子网掩码在二进制下进行对比ip地址分成两个部分，网络号和主机号。凡是在子网掩码对比下， “1”代表了网络号，“0”代表了主机号然后对比后，把主机号最小（全0）和最大（全1）找出来就是你要找的地址了范围例如要找出172.168.16.10/25 的地址范围，首先把地址和子网掩码换成二进制10101100.10101000.00010000.00001010 = 172.168.16.

原创 influxdb 命令行输出时间为 yyyy-MM-dd HH:mm:ss(年月日时分秒)的方法

influxdb 命令行输出时间为 年 月 日 时 分 秒 形式方法： 1、$ influx -precision rfc3339 2、$ influx Connected to http://localhost:8085 version 0.xx.x InfluxDB shell 0.xx.x > precision rfc3339 >...

转载 curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused 解决方法

我认为的产生的原因:安装失败的可能原因是没有初始化Xcode的环境这个是针对Mac电脑我在网上找了很多资料，有说打开这个网址https://raw.githubusercontent.com/Homebrew/install/master/install，我打不开所以下面是我的解决办法:1. 解决方式一1.查看网址打开网站https://www.ipaddress.com/查询一下 raw.githubusercontent.com对应的IP 地址image.png2.

转载 正则表达式 一篇就搞定

正则表达式: ^: 指定字符串开始 $: 指定字符串结束 快捷方式: \d 匹配1个 数字 \w 匹配1个 字母，数字，下划线 \s 匹配1个 空白字符 \b 不会消耗任何字符只匹配一个位置，常用于匹配单词边界 . 匹配除了换行符以外的任何单个字符 取反快捷方式: \W 匹配任意不是字母，数字，下划线 的字符 \D 匹配任意非数字的字符...

转载 【2020-3-21】Mac安装Homebrew慢，解决办法

最近换了Mac,安装Homebrew很慢（以前好像并没有这么慢）,Downloading and installing Homebrew...只有10KB/S.解决方法主要思路是把git切换为清华镜像，话不多说，直接看步骤吧.1.png1.用safari打开“https://raw.githubusercontent.com/Homebrew/install/master/install.sh”,把里面的文本复制下来，在桌面创建文本文件“brew_install”,粘贴.2.搜索:BR