Radom7-CSDN博客

原创 Vue之构造函数如何跳转页面

在App.vue里，定义三个按钮，指定各式的跳转规则<template> <div id="root"> <button class="button" @click="goback">后退</button> <button class="button" @click="fo

2018-11-08 11:28:04 451

原创 Vue之路由里的钩子函数

在router.js里定义钩子函数在router.js里添加beforeEnter和beforeLeave这两个钩子函数，beforeEnter这个钩子函数需要添加next（）；不然页面不能进行跳转；beforeLeave钩子函数在router.js是失效的，需要在组件里定义：钩子函数的三个参数：to:router即将进入的路由对象from:当前导航即将离开的路由next:Funct...

2018-11-08 11:15:17 1134

原创 Vue之model属性和404页面的定义

model属性当router的moder属性为hash时，访问路径会自动加上#/http://localhost:8080/about#/当router的moder属性为history时，访问路径不会自动加上#/http://localhost:8080/about1#/404页面定义一个Error.vue，用来显示404页面<template> <...

2018-11-08 10:24:35 1166

原创 Vue之插槽(slot)

slot：向组件内部指定位置传递内容在App.vue引入子组件About.vue,在about标签加上一个div标签传递到子组件中：App.vue&amp;lt;template&amp;gt; &amp;lt;div id=&quot;root&quot;&amp;gt; &amp;lt;about&amp;gt; &amp;lt;d

2018-11-06 20:35:21 232

原创 Vue之实例方法set使用

<template> <div id="root">  <p v-for="item in list" :key="item&quo

2018-11-06 20:07:07 345

原创 Vue之extends对象

extends对象跟mixins对象很类似区别extends只支持一个对象，而mixins支持的是数组 extends:countConsole, mixins:[countConsole]例子：<script> //1.定义一个extends对象 var countConsole = { created(){ console.log("这是...

2018-11-06 19:49:27 1736

原创 Vue之混入(mixins)

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。数据对象在内部会进行浅合并 (一层属性深度)，在和组件的数据发生冲突时以组件数据优先。 //1.定义一个mixins对象 var countConsole = { data() { return {...

2018-11-06 19:36:32 3041

原创 Vue之watch和computed

watch用于监控自身属性变化和监控路由对象计算属性computed的特点计算属性会依赖于他使用的data中的属性，只要是依赖的属性值有改变，则自动重新调用一下计算属性；如果他所依赖的这些属性值没有发生改变，那么计算属性的值是从缓存中来的，而不是重新编译，那么性能要高一些，所以vue中尽可能使用computed替代watch。<template> <div id=...

2018-11-06 16:37:47 210

原创 Vue之Vuex的getters和actions的使用

继前文《Vue之Vuex(状态管理模式)》，在store.js添加getters和actions方法：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state:{ count:1 }, mutations:{ increment...

2018-11-06 10:41:38 7584

原创 Vue之Vuex(状态管理模式)

简介Vuex(状态管理模式)是Vue.js应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。作用解决不同组件之间的数据共享解决组件的数据存储问题实现首先，在store.js实例化一个Vuex，用来对数据进行存储：import Vue from 'vue'import Vuex from 'vuex'V...

2018-11-06 10:17:23 444

原创 Vue之路由

默认的配置文件为router.jsimport Vue from 'vue'import Router from 'vue-router'import Home from './views/Home.vue'Vue.use(Router)export default new Router({ mode: 'history', base: process.env.BASE_U...

2018-11-05 20:50:39 204

原创 Vue之生命周期函数

<template> <div id="root">  <v-about v-if="flag"></v-about> <butto

2018-11-05 20:15:03 182

原创 Vue之非父子组件的通信

新建一个VueEvent.js，创建一个Vue实例充当中间传输媒介//1.引入Vueimport Vue from 'vue'//2.实例化一个Vue对象var VueEvent = new Vue()//3.实例化的Vue对象暴露出去export default VueEvent在通信组件内分别引入VueEvent.js，这里是Home和About两个组件之间通信Home.vu...

2018-11-05 19:40:21 180

原创 Vue之父子组件主动获取数据和方法

父组件主动获取子组件的数据和方法父组件代码,this.$refs接收子组件数据和方法：<template> <div id="root"> <div> <input ref="name" name=""> </div> <div>

2018-11-05 18:56:25 275

原创 Vue之父组件给子组件传值和方法

父组件写好需要接受的值和方法，使用:title="title"传title属性值给子组件， :go="go"传递go方法<template> <div id="root">  <v-header :title="title" :go="go">&a

2018-11-04 15:50:06 283

原创 Vue之使用组件

创建一个组件Header.vue<template> <div class="header"> 这是header </div></template>在App.vue中引用Header.vue<template> <div id="root"> &a

2018-11-04 15:22:49 281

原创 Vue之v-if与v-show的区别

v-if与v-show的区别v-if的显示和隐藏实在dom里创建和消除dom节点v-show是用css样式的display来控制dom节点的显示和隐藏例子:<div id="root"> <div v-if="isOk">{{content}}</div> <div class="button" @click="tog

2018-11-04 14:22:53 1022

原创 Vue之绑定事件

绑定事件 v-on:click 简写：@click；为button添加一个change的点击事件，改变content的值 <div> <div class="button" @click="change">{{content}}</div> </div><script>export default {

2018-11-04 12:52:21 951

原创 Vue之属性绑定和双向数据绑定

属性绑定：v-bind:title，简写为：:title双向数据绑定:v-model绑定content的值，也可以改变content的值<div id="root"> <div :title="message">鼠标悬停几秒钟查看此处动态绑定的提示信息！</div> <input v-model="content"/>

2018-11-04 12:47:34 257

原创 Vue之数据三种显示在模板上的方法

{{}}:双大括号会将数据解析成纯文本<div id="app1">{{msg}} </div>v-text:会将数据解析成纯文本<div id="app2" v-text="msg"></div>v-html:输出真正的 HTML<div id="app3" v-html=&q

2018-11-04 12:07:18 2146

原创 Guava之EventBus

Guava提供了事件总线EventBus库，它是事件发布-订阅模式的实现，能在领域驱动设计(DDD)中以事件的弱引用本质对模块和领域边界很好的解耦设计。事件Guava 发布-订阅模式中传递的事件，是一个普通的POJO类。public class OrderEvent { private String message; public OrderEvent(String mes...

2018-10-31 10:30:56 392

原创 Curator之PathChildrenCache子节点监听

Curator之PathChildrenCache子节点监听：/*子节点监听*/ //子节点添加watcher //PathChildrenCache：监听数据节点的增删改，会触发事件 String childNodePathCache = nodePath; //childData：设置缓存节点的数据状态 fina...

2018-10-24 17:49:02 12176 3

原创 Curator之nodeCache一次注册，N次监听

Curator之nodeCache一次注册，N次监听/*Curator之nodeCache一次注册，N次监听*/ //为节点添加watcher //监听数据节点的变更，会触发事件 final NodeCache nodeCache = new NodeCache(cto.client,nodePath); //buildInitia...

2018-10-24 17:03:48 2766

原创 Curator连接Zookeeper的策略

Curator连接Zookeeper的五种策略： public CuratorOperator(){ /* * * Curator连接Zookeeper的策略：ExponentialBackoffRetry * baseSleepTimeMs：初始sleep的时间 * maxRetries：最大重试次数 ...

2018-10-24 14:43:10 1315

原创 Four Letter Words

用途：Zookeeper可以通过Four Letter Words自身提供的简写命令来和服务器进行交互安装：yum install nc常用命令：[stat] 查看zk的状态信息，以及是否mode[root@localhost ~]# echo stat | nc 172.16.1.160 2181Zookeeper version: 3.4.10-39d3a4f269333c922ed...

2018-10-23 15:07:09 346

原创 ACL权限设置

权限字符串缩写crdwa：create:创建子节点read:获取节点/子节点write:设置节点数据delete:删除节点admin:设置权限命令行配置权限, world:anyone:cdrwa为默认的权限（权限更改：cdrwa --> crwa）：[zk: localhost:2181(CONNECTED) 45] getAcl /imocc/abc'world,'a...

2018-10-23 14:18:16 995

原创 Watcher事件类型（二）

ls为父节点设置watcher，创建子节点触发：NodeChild[zk: localhost:2181(CONNECTED) 29] ls /[imocc, zookeeper][zk: localhost:2181(CONNECTED) 31] ls /imocc watch[][zk: localhost:2181(CONNECTED) 33] create /imocc/ab...

2018-10-23 11:33:48 352

原创 Watcher事件类型（一）

创建父节点触发：NodeCreated[zk: localhost:2181(CONNECTED) 16] ls /[zookeeper][zk: localhost:2181(CONNECTED) 17] stat /imooc watchNode does not exist: /imooc[zk: localhost:2181(CONNECTED) 18] create /im...

2018-10-23 11:19:49 452 1

原创 static关键字

public class TestS { /** * * static块随着类的加载而加载，但是只加载一次， * 是一种介于构造方法和普通方法之间的一种应用。 */ static { System.out.println("ok"); } /** * static修饰的属性称为静态属性或者是类属性...

2018-10-19 15:57:48 146

原创 Java RMI实现

定义一个远程接口public interface IService extends Remote{ public String queryName(String no) throws RemoteException;}实现远程的接口public class ServiceImpl extends UnicastRemoteObject implements IServic...

2018-10-18 15:14:05 338

原创 JVM之运行时数据区域

1. 程序计数器程序计数器（Program Counter Register）是一块较小的内存空间，它可以看做是当前线程所执行的字节码的行号指示器。在虚拟机的概念模型里（仅是概念模型，各种虚拟机可能会通过一些更高效的方式去实现），字节码解释器工作时就是通过改变这个计数器的值来选取下一条需要执行的字节码指令、分支、循环、跳转、异常处理、线程恢复等基础功能都需要依赖这个计数器来完成。由于Ja...

2018-10-16 14:20:12 195

原创 redis requires ruby version 2.2.2的解决方案

做Redis的Cluster集群的时候，在执行gem install redis时，提示如下错误： gem install redis ERROR: Error installing redis: redis requires Ruby version >= 2.2.2.CentOS7 yum库中ruby的版本支持到 2.0.0，可gem安装redis需要最...

2018-10-16 11:53:03 158

原创 Redis集群搭建

Linux安装Redis解压Redis安装包tar -zxvf redis-4.0.11.tar.gz安装的是redis源码包，所以需要gcc环境支持yum install gcc-c++进入解压后的目录进行编译cd redis-4.0.11/make PREFIX=/root/redis installredis启动cd redis./redis-ser...

2018-10-16 11:00:48 262

原创 Zookeeper集群搭建

1.解压zookeeper-3.4.10.tar.gztar zxvf zookeeper-3.4.10.tar.gzmv zookeeper-3.4.10 zookeeper进入zookeeper/conf文件夹中cd zookeeper/cp conf/zoo_sample.cfg conf/zoo.cfg配置zookeeper的环境变量echo -e "# appe...

2018-10-12 19:09:12 151

转载 Linux常用操作指令（面试专用）

常用指令ls　　显示文件或目录 -l 列出文件详细信息l(list) -a 列出当前目录下所有文件及目录，包括隐藏的a(all)mkdir 创建目录 -p 创建目录，若无父目录，则创建p(parent)cd 切换目录touch 创建空文件ec...

2018-09-28 09:37:27 259

原创 SpringBoot集成Kafka

Kafka简介Apache Kafka是分布式发布-订阅消息系统。它最初由LinkedIn公司开发，之后成为Apache项目的一部分。Kafka是一种快速、可扩展的、设计内在就是分布式的，分区的和可复制的提交日志服务。Apache Kafka与传统消息系统相比，有以下不同：它被设计为一个分布式系统，易于向外扩展；它同时为发布和订阅提供高吞吐量；它支持多订阅者，当失败时能自动平衡消...

2018-09-07 16:49:35 2382

原创 Linux安装Kafka

Kafka安装部署Docker安装Zookpeerdocker pull zookeeperDocker启动Zookpeerdocker run --privileged=true -d --name zookeeper --publish 2181:2181 -d zookeeper:latest到Kafka下载Kafka安装包，并上传到Linux上...

2018-09-07 15:32:16 289

原创 Spring笔记

框架特征与功能轻量：从大小与开销两方面而言Spring都是轻量的。完整的Spring框架可以在一个大小只有1MB多的JAR文件里发布。并且Spring所需的处理开销也是微不足道的。此外，Spring是非侵入式的：典型地，Spring应用中的对象不依赖于Spring的特定类。控制反转Ioc：Spring通过一种称作控制反转（IoC）的技术促进了低耦合。当应用了IoC，一个对象依赖的其它对象会...

2018-09-07 15:30:48 197

原创 springboot-mycat-mybatis-plus

pom坐标 <dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</artifactId> <version>1.1.1...

2018-09-05 19:42:57 1448 1

转载 Zookeeper选主流程

当leader崩溃或者leader失去大多数的follower，这时候zk进入恢复模式，恢复模式需要重新选举出一个新的leader，让所有的Server都恢复到一个正确的状态。Zk的选举算法有两种：一种是基于basic paxos实现的，另外一种是基于fast paxos算法实现的。系统默认的选举算法为fast paxos。basic paxos程由当前Server发起选举的线程担任...

2018-09-05 11:35:56 594

二维码开源包zxing下载

空空如也