GeXueliu的博客

原创 Js 各种继承方式总结

先让我们从零谈起吧方法直接挂在构造函数上，会存在一个问题。就是，每个实例中的方法都是一个新的方法实例，不能够复用。因此，原型就应运而生了。方法挂在原型上，这样所有的实例共享这些方法。但是，原型上的引用值，也会被所有实例共享，这是原型的一个特点吧。原型还具有动态性，对象创建后，修改原型（增加方法或属性等），该对象访问的是修改后的原型。注意重写原型，会导致重写前创建的对象，与重写后的原型切断关系。那Js 中怎么实现继承呢是通过原型链。一个类型的原型是另一个类型的一个实例，这样就构建了原型链。实现了

原创 初识Webpack

Webpack （本文仅是记录总结，最好的文档是官网）打包静态文件的工具。静态文件就是webpack可获得的文件，也就是开发阶段的所有的前端文件。开发阶段获取不到后端的文件，所以也就不包括后端相关的文件。分为：入口文件：从入口文件分析出依赖图输出文件：输入文件的目录和文件名loader:webpack 只能识别js、json文件. css 、图片、xml、csv 、txt需要loader 进行转换。webpack 会逆序加载转换器。常见的loader， css-loader、style-load

原创 Js拓展运算符(...)

… 拓展运算符作用：将一个大元素打散成小元素，可作用于数组、字符串、对象等例如：var array = [1,2,3,4];console.log(...array);//1 2 3 4 var str = "String";console.log(...str);//S t r i n g…有哪些用处呢？1. 数组、对象的合并和复制// ... to merge arraylet temp1= [1,2,3];let temp2=[4,5,6];let arr1 = [...tem

原创 CSS-float

float: 浮动

原创 js-实现继承的三种方式

继承js中的继承是通过原型实现的。方式一：将原型指向继承对象的原型 function Animal(name) { this.name =name; } Animal.prototype.age = 23; let a = new Animal('lily'); function People(name) { this.name = name } People.prototype = Animal.prototype;

原创 TCP三次握手和四次挥手

三次握手一句话概括三次握手的必要性？客户端和服务端都要确认对方可发送，可接收。两次握手为什么不行？第二次握手：当服务端收到建立连接请求后，发送ack+syn包，即完成了第二次握手（此时，服务端仅是发送了ack+syn包，并不知道会不不会被正确接受到）因此，两次握手会出现如下问题。第二次握手后服务端就建立连接（需要分配内存等资源），但是发出的ack+syn 丢失，客户端不能建立连接，服务端一直处于等待状态。造成资源浪费。第二次握手后服务端就建立连接，那么客户端发送了连接请求，但是请求在网

原创 Vue代码规范插件

代码规范插件

原创 js 实现new

实现 new 操作符创建空白对象修改空白对象的原型为构造函数的原型this 指向空白对象，并执行构造函数返回对象 function Animal(name,age) { this.name = name; this.age = age; } function _new(constructor,...args) { let instance = {}; // instance._proto_ = construc

原创 CSS:absolute绝对定位

position:absolute

原创 CSS样式之width: auto 100%与height:100%

1.Width（默认情况下为content box的宽度）width:auto元素content+padding+border+margin=父元素的width <style> .parent { height: 400px; width: 400px; border: 1px solid black; padding: 10px 10px; }

原创 高级排序-快排

快排var sortArray = function(nums) { // 快排 return quickStart(nums,0,nums.length-1);}function quickStart(nums,left,right) { if(left<right) { let index = partition(nums,left,right); quickStart(nums,0,index); quickStart(nums,index+

原创 utgard连接opcserver报错Caused by: org.jinterop.dcom.common.JIRuntimeException: Access is denied. [0x800

我的设备win10 专业版、kepserver.准备使用utgard编写的opc客户端和opcserver 运行在同一台笔记本上。所以dcom不需要配置了吧？我的配置我只在【电脑】选项下新建了一个用户：OpcServer 密码：123456.其他安全策略、防火墙都没设置（因为设置不了，我的【服务组件】下【我的电脑】上有个红色箭头，右击没有【属性】，所以就做到这了，参考的是这篇博客）kepserver代码使用的是utgard库package com.test;import org.j.

转载 springcloud spring-boot-starter-actuator与datasource引起的循环依赖问题

在部署springboot微服务时，使用Finchley.BUILD-SNAPSHOT版本出现了spring默认数据源Hikari注入的循环依赖问题解决在该服务配置文件添加一个属性如下最后一个cloud中的refresh属性spring: application: name: tensquare-base #指定服务名 datasource: driverClassName: com.mysql.jdbc.Driver url: jdbc:mysql://local

原创 springcloud zull网关搭建 及请求参数传递问题

zull网关搭建zull: 统一请求路径，将请求分发给相应的微服务中 。请求直接发送到zull就行，不用关注每个微服务的端口号zull搭建(开发工具使用的是idea)新建module添加依赖（这里的父工程仅是一个springboot工程）<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w

原创 vue之nuxt工程搭建

nuxt :服务端渲染技术Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用工程搭建访问http://localhost:3000/页面跳转成功查看页面源代码工程结构nuxt官方文档...

原创 vue工程搭建

vue工程搭建安装nodejs，配置环境变量、全局安装目录配置、日志目录全局安装vue-clinpm install ‐g vue‐cli创建一个基于 webpack 模板的新项目vue init webpack vue‐router‐demo//这是带有router模块的vue工程dos窗口进入安装目录（这是我的安装目录）cd D:\practice\vue-router-demo运行项目npm run dev访问http://localhost:8080

原创 Vue-infinite-scroll在nuxt工程中使用

vue-infinite-scroll在nuxt工程中使用在plugins目录下新建vue-infinite-scroll.jsimport Vue from "vue";import infiniteScroll from "vue-infinite-scroll"export default () => { Vue.use(infiniteScroll) } 在nuxt.config.js中添加如下内容 plugins:[ {src:"~plugins/

翻译 node配置环境cmd不生效

**问题：**安装nodejs后，配置nodejs环境变量后，cmd打开输入 node -v 出现找不到node命令错误，但是使用gitbash可以查看nodejs 版本号，说明node 的环境变量还是没成功。于是就疯狂百度，终于找到问题所在了。**解决方法：**一句话，配置安装路径正确，并且在系统变量Path中前移配置路径node安装一直“下一步”，并且更改node安装路径安装后，安装路径：环境配置cmd 后输入node -v 即可看到版本号1.若报找不到node 命令检查配置环境是否是

原创 maven本地仓库设置

maven本地仓库设置** 问题：新建maven工程后，引入hibernate-entitymanager、hibernate-c3p0依赖时在Dependencices 中出现红色波浪线，说明这两个的依赖jar包未被引入。**分析：maven 依赖引入是通过pom.xml文件设置依赖坐标引入的，依赖坐标是idea 提示出的,不会出错（和别人博客里的依赖相同），因此考虑引入依赖，或者设置maven 本地仓库设置出现问题。解决：首先考虑重新导入依赖reimport（点击reimport后，maven

原创 mysql安装采坑

mysql sever5.5 二次安装由于mysql server5.5 出现了问题，导致mysql 服务不能启动，百度了很多没解决，因此决定重新安装mysql sever5.5 。首先卸载mysql server5.5卸载参照一卸载参照二安装mysql server5.5安装参照一启动mysql启动服务可能出现问题用SQLyog 客户端连接mysql server5.5 即可。...

原创 java之final关键字

final 关键字修饰对象效果类不能有子类方法不能够被重写变量不能被赋值两次final 限制变量不能被赋值两次。public class FinalTest { private final String user; private final int a ; // final变量在定义时赋值 private fina...

原创 java内存模型

java 内存模型局部变量使用前需要初始化，成员变量不需要初始化。成员变量量在类加载时，jvm已经对成员变量初始化了，方法加入栈中，方法内的局部变量并不会自动初始化。所以使用前需要初始化，否则编译不通过。...

原创 java 之 static关键字使用说明

static 关键字java 类加载时机：new 创建对象时读取/设置static 静态变量被（final修饰、已在编译期把结果放在常量池的静态字段除外）调用static 静态方法类加载器加载类把java类加载到jvm要做以下三件事：加载：查找和导入Class文件链接：其中解析步骤是可以选择的 （a）检查：检查载入的class文件数据的正确性 （b）准备：给类的静态变量分配存储空间...

原创 Javase之内部类

内部类分为四种成员内部类（位于外部类成员位置）局部内部类（位于外部类的成员方法内）静态内部类（static 修饰的成员内部类）匿名内部类（就是一个对象）内部类应用：迭代器、创建接口/抽象类的对象成员内部类：成员内部类：可以访问外部类的任意成员变量和方法；外部类访问内部类的成员变量和方法需要使用内部类对象public class Outer { private stati...

原创 java之线程安全

出现线程不安全的三个条件是多线程环境线程之间有共享数据对共享数据的操作是多句处理线程安全方法：同步块/同步方法多线程之生产者、消费者模式生产者：public class Producer implements Runnable { private Milk milk; public Producer(Milk milk){ this.milk =...

原创 javase之线程

线程与进程关系进程：线程 = 1：N进程中某个线程奔溃则整个进程奔溃同一进程下的线程共享全局变量、静态变量等数据，而进程之间的通信需要以通信的方式（IPC)进行进程是资源分配的最小单位，线程是程序执行的最小单位（资源调度的最小单位）多线程的应用某个复杂的逻辑任务，比如扫描1000个文件，可以开启10个线程，一起处理进度条的实现，新建一个线程，每个一段时间查询一次进度值创建线...

原创 javase之线程生命周期

线程的生命周期有5个状态新建（New）就绪（Runnable）运行（Running）死亡（Dead）阻塞（Blocked）

原创 javase之线程等待

sleep（）：可以单独使用，不释放锁wait():必须配合synchronize、notify、notifyAll使用，释放锁waite(int millions)：释放锁，无需唤醒。时间到了，自动唤醒public class WaitDemo implements Runnable { private Object lock; public WaitDemo(Objec...

原创 javase 之File

javase 之File对象File对象：文件或文件夹。程序可以使用File对象来操作文件或文件夹// File 文件夹/文件。作用把目录转换成一个对象，便于操作 File file = new File("d://hello");// file1 是:父级目录下，子目录world File file1 = new File(fil...

原创 javase之“流”

javase 流结构图

原创 javase之 Map

Map（键值对）Map 结构（常用）如图Map遍历` public static void main(String[] args) {Map<String, User> map = new HashMap<String, User>();User user1 = new User("lili",15,8);User user2 = new User("jij...

原创 javase集合排序问题

集合排序List集合排序方法一：借助Collections工具类静态方法sort :Collections.sort()；集合元素需要实现自然排序接口要求：集合元素实现了自然排序接口Comparable实例：public class User implements Comparable<User> { private String username; ...

原创 javase之集合框架图

原创 spring security

spring security引入依赖<!-- spring-security --> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-web...

原创 SSM整合

SSM整合Mybatis Spring整合引入依赖 <dependencies><!--测试工具 --> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <versio...

原创 Spring Spring-MVC整合

spring、spring-mvc整合spring 、spring-mvc整合只有配置spring 容器，以及一个特别注意事项web.xml配置spring容器<!--全局参数：指定配置文件的路径，加载所有配置文件--><context-param> <param-name>contextConfigLocation</param-name...

原创 Mybatis、Spring整合

Mybatis 与Spring整合引入依赖<!--Mybatis依赖包 --> <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>3.5.2&l...

原创 Spring事务管理注解开发

spring事务管理注解开发引入依赖<dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.0.2.RELEASE</version>&...

原创 Spring事务管理之xml开发

spring事务管理（基于AOP）引入依赖<dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.0.2.RELEASE</version&gt...

原创 Spring Aop：注解开发

AOP:注解开发切面 = 切点+通知引入依赖<dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>5.0.2.RELEASE</version&...