2020年04月_Jing-Kathy

原创报错：const definitions are not supported by current javascript version

报错信息：当前javascript版本不支持const定义出现这个问题的原因是EcmaScript 6 里面才有的关键字，以往的版本没有，所有要改一下版本，方法如下：

2020-04-08 17:51:58 4004 1

原创 vue-绑定class样式

1、数组语法我们可以借助于v-bind指令来实现：HTML：<div id="app"> <div v-bind:class="activeClass"></div> <div v-bind:class="errorClass"></div> <div v-bind:class="[activeClas...

2020-04-07 17:28:32 234 1

原创 v-else

你可以使用 v-else 指令来表示 v-if 的“else 块”：<div id="app"> <h1 v-if="Math.random() > 0.5"> 看到我啦？！if </h1> <h1 v-else> 看到我啦？！else </h1></div&...

2020-04-07 16:32:50 9262

原创 vue-生命周期钩子

文章目录1.生命周期2.钩子函数1.生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程：创建实例，装载模板，渲染模板等等。Vue为生命周期中的每个状态都设置了钩子函数（监听函数）。每当Vue实例处于不同的生命周期时，对应的函数就会被触发调用。生命周期：2.钩子函数beforeCreated：我们在用Vue时都要进行实例化，因此，该函数就是在Vue实例化时调用，也可以将他...

2020-04-07 11:56:16 215

原创 ES6-map和reduce

数组中新增了map和reduce方法。1、mapmap()：接收一个函数，将原数组中的所有元素用这个函数处理后放入新数组返回。举例：有一个字符串数组，我们希望转为int数组let arr = ['1','20','-5','3'];console.log(arr)arr = arr.map(s => parseInt(s));console.log(arr)2、r...

2020-04-07 11:03:09 513

原创 ES6-箭头函数结合解构表达式

比如有一个函数：const person = { name:"jack", age:21, language: ['java','js','css']}function hello(person) { console.log("hello," + person.name)}如果用箭头函数和解构表达式var hi = ({name}) => c...

2020-04-07 10:58:20 334

原创 ES6-对象的函数属性简写

比如一个Person对象，里面有eat方法：let person = { name: "jack", // 以前： eat: function (food) { console.log(this.name + "在吃" + food); }, // 箭头函数版： eat2: food => console.log(person...

2020-04-07 10:56:49 1276

原创 ES6-箭头函数

ES6中定义函数的简写方式：一个参数时：var print = function (obj) { console.log(obj);}// 简写为：var print2 = obj => console.log(obj);多个参数：// 两个参数的情况：var sum = function (a , b) { return a + b;}// 简写为：...

2020-04-07 10:55:15 130

原创 ES6-函数参数默认值

在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法： function add(a , b) { // 判断b是否为空，为空就给默认值1 b = b || 1; return a + b; } // 传一个参数 console.log(add(10));现在可以这么写： function add(a ...

2020-04-07 10:53:47 181

原创 ES6-解构表达式

1、数组解构let arr = [1,2,3]我想获取其中的值，只能通过角标。ES6可以这样：const [x,y,z] = arr;// x，y，z将与arr中的每个位置对应来取值// 然后打印console.log(x,y,z);结果：2、对象解构例如有个person对象：const person = { name:"jack", age:21, ...

2020-04-07 10:28:36 455 1

原创 ES6-var、let和const

1、 var之前，js定义变量只有一个关键字：varvar有一个问题，就是定义的变量有时会莫名奇妙的成为全局变量。例如这样的一段代码：for(var i = 0; i < 5; i++){ console.log(i);}console.log("循环外：" + i)你猜下打印的结果是什么？2、 letlet所声明的变量，只在let命令所在的代码块内有...

2020-04-07 00:11:25 118

原创 ZuulFilter过滤器

文章目录1、过滤器1.1 ZuulFilter1.2 过滤器执行生命周期1.3 使用场景2、自定义过滤器2.1 定义过滤器类2.2 测试Zuul作为网关的其中一个重要功能，就是实现请求的鉴权。而这个动作我们往往是通过Zuul提供的过滤器来实现的。1、过滤器1.1 ZuulFilterZuulFilter是过滤器的顶级父类。在这里我们看一下其中定义的4个最重要的方法：public ab...

2020-04-06 23:33:23 1997

原创 SpringCloud-Zuul网关实践

文章目录1 zuul网关1.1 新建工程1.2 编写配置1.3 编写引导类1.4 编写路由规则1.5 启动测试2. 面向服务的路由3 简化的路由配置4 默认的路由规则5 路由前缀1 zuul网关1.1 新建工程填写基本信息：添加Zuul依赖1.2 编写配置server: port: 10010 #服务端口spring: application: name: a...

2020-04-06 11:13:10 263

原创 SpringCloud-Zuul网关入门

文章目录Zuul的引入过程1. 未引入前2. 不足3. 问题解决Zuul简介Zuul加入后的架构Zuul的引入过程1. 未引入前通过前面的学习，使用Spring Cloud实现微服务的架构基本成型，大致是这样的：我们使用Spring Cloud Netflix中的Eureka实现了服务注册中心以及服务注册与发现；而服务间通过Ribbon或Feign实现服务的消费以及均衡负载。为了使得服务...

2020-04-05 16:39:46 134

原创 SpringCloud-Feign入门

文章目录引言简介1.导入依赖2.开启Feign功能3.Feign的客户端总结引言在前面的学习中，我们使用了Ribbon的负载均衡功能，大大简化了远程调用时的代码：String user = this.restTemplate.getForObject("http://service-provider/user/" + id, String.class);如果就学到这里，你可能以后需要编写...

2020-04-05 11:53:21 349

原创 Hystrix-服务熔断

一、熔断原理熔断器，也叫断路器，其英文单词为：Circuit Breaker熔断状态机3个状态：Closed：关闭状态，所有请求都正常访问。Open：打开状态，所有请求都会被降级。Hystix会对请求情况计数，当一定时间内失败请求百分比达到阈值，则触发熔断，断路器会完全打开。默认失败比例的阈值是50%，请求次数最少不低于20次。Half Open：半开状态，open状态不是永久的，打...

2020-04-03 17:39:02 274

原创 Hystrix-线程隔离，服务降级

一、线程隔离示意图：解读：Hystrix为每个依赖服务调用分配一个小的线程池，如果线程池已满调用将被立即拒绝，默认不采用排队.加速失败判定时间。用户的请求将不再直接访问服务，而是通过线程池中的空闲线程来访问服务，如果线程池已满，或者请求超时，则会进行降级处理，什么是服务降级？服务降级：优先保证核心服务，而非核心服务不可用或弱可用用户的请求故障时，不会被阻塞，更不会无休止的等待或者看...

2020-04-03 17:20:12 423

原创 SpringCloud-雪崩问题的解决方法

文章目录一、雪崩产生的原因二、Hystix解决雪崩问题三、降级和熔断一、雪崩产生的原因微服务中，服务间调用关系错综复杂，一个请求，可能需要调用多个微服务接口才能实现，会形成非常复杂的调用链路：如图，一次业务请求，需要调用A、P、H、I四个服务，这四个服务又可能调用其它服务。如果此时，某个服务出现异常：例如微服务I发生异常，请求阻塞，用户不会得到响应，则tomcat的这个线程不会释放，...

2020-04-03 16:47:00 2002

景月娇-Kathy