- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue组件——混入
vue组件——混入混入混入合并策略混入 前边介绍了组件，我们知道组件包含三个部分 ，HTML 模板、js、css；但是，有时候，我们的模板可能是不同的，但是执行的方法和需要的数据类似，这时候，我们可以使用混入 Mixins。 混入(Mixins) 通常是一个 js 文件，但是其中可以写 vue 组件的 js 部分的任何内容，包括 data, methods, 和各个生命周期等。定义...
2019-07-10 20:45:28
1950
原创 vue组件——组件通信
vue组件——组件通信Prop基本使用Prop 类型Prop 验证注意自定义事件基本使用`.sync` 修饰符插槽基本使用具名插槽带数据的插槽动态组件Prop基本使用子组件使用 props，声明需要父组件传递的的参数：父组件通过绑定的方式传递给子组件基本例子，子组件：<template> <div class="hello"> <h1>...
2019-07-09 20:26:07
392
原创 vue组件——基本使用
vue组件——基本使用声明周期组件定义和使用组件的组成基本使用声明周期每次都使用 new Vue() 创建了一个新的实例，每个实例在初始化时，都需要经过一系列的过程，我们可以在这个过程中，添加自己的逻辑。常用声明周期:created()/mounted()： 发送 ajax 请求beforeDestory()组件定义和使用在 vue 项目中，每个 .vue 文件都是一个组件；...
2019-07-09 20:21:40
336
原创 vue组件编程——创建项目
vue组件编程——创建项目使用 vue-cli 创建模板项目模板目录vue-cli 3.x使用 vue-cli 创建模板项目 首先，我们学习，如何创建一个 Vue 项目，首先需要安装 node，具体过程这里就不累述；新版的 node 已经集成了 npm；我们可以使用 npm 安装相关的插件# 1. 安装 vue-clinpm install -g vue-cli# 2. 创建项目vu...
2019-07-09 20:17:44
239
原创 vue入门——其他
vue入门——其他表单输入绑定过滤器自定义指令表单输入绑定 前边已经讲了 v-bind 用于绑定 HTML 属性的值，v-on 用于绑定事件；Vue 针对表单元素，提供了 v-model 的语法糖，在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。之前也已经见过了：<input v-model="messa...
2019-07-08 20:05:24
195
原创 vue入门——事件处理
vue入门——事件处理事件修饰符键盘修饰符事件修饰符 通过前边的学习，我们已经知道通过 v-on 指令，能够绑定事件；在事件处理中，调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。为了更加方便的解决这个问题，Vue 提供了事件修饰符。.stop 阻止事件的冒泡行为 事件默认存在冒泡行为，也就是说如果父级标签中...
2019-07-08 19:57:50
195
原创 vue入门——条件和列表渲染
vue入门——条件渲染、列表渲染条件渲染列表渲染数组检测更新对象检测注意事项其他条件渲染 v-if 指令，很容器理解就是一个条件判断，当条件成立时渲染；另外，还能够使用 v-else-if 和 v-else ，v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。<div id="app"> <input v-mod...
2019-07-08 19:53:46
219
原创 vue 入门——Class 与 Style 绑定
vue 入门——Class 与 Style 绑定1 Class 绑定2 Style 绑定 class 和 style 也是 HTML 的属性，因此，也可以使用 v-bind 进行属性值的绑定。1 Class 绑定基本语法： :class="xxx"xxx 表达式，可以是 字符串、对象、数组<style> .color { color: red...
2019-07-08 19:51:20
199
原创 vue入门——计算属性和侦听属性
计算属性和侦听器1 计算属性2 侦听属性1 计算属性 在前边有讲到双括号表达式中，可以使用 JavaScript 表达式，但是这种表达式会让我们的模板变得复杂，降低代码的可读性，且难以维护，例如：<div id="example"> {{ message.split('').reverse().join('') }}</div> 为了解决这个问题，我们可...
2019-07-04 17:21:12
230
原创 Vue入门——模板语法
Vue入门——模板语法模板语法1 双大括号2 原始 HTML3 指令：数据绑定3 指令：事件绑定4 动态参数模板语法 模板语法，就是动态的 HTML 页面，包含一些 js 代码，双大括号表达式、指令（v-bind 等）1 双大括号<span>{{message}}</span> 相当于 v-text 指令：<span v-text="message"&...
2019-07-01 20:21:13
233
原创 Vue 入门——基本认识
Vue 入门——基本认识Vue 基本认识1 Vue 是什么2 Vue 特点3 Vue 扩展插件4. 简单 demoVue 基本认识本文写作初衷，最近给同事分享了一下 Vue 的入门教程，但是，感觉在分享过程中，讲得比较乱，没有达到预期的效果；另外，在翻看官方文档中，发现有很多知识原来自己没有注意的地方，因此，通过本系列文章巩固一下自己的学习。个人觉得 vue 官方文档已经讲解的非常好了，更...
2019-07-01 19:50:24
417
原创 Java集合——HashMap
HashMap源码阅读（Java8）1. HashMap概述2. 成员变量3. 构造方法4. 主要方法4.1 put(K key, V value)1. HashMap概述 HashMap 是一个存储键值对的集合类，其中的元素是无序的，且没有重复的 key 值；有点类似数学中的函数，x 对应一个 y 值。Java API 中对 HashMap 描述如下：HashMap是基于哈希表的Map...
2019-03-07 18:49:56
193
原创 Java集合——LinkedList
LinkedList源码阅读1. LinkedList概述2. LinkedList源码2.1 LinkedList定义2.2 成员变量2.3 构造方法2.4 添加元素2.4.1 List中的方法1. LinkedList概述 LinkedList是我们除了ArrayList外，我们常用的列表结构；根据名字我们大致也能拆除其主要依赖链表实现，和ArrayList不同，因为基于链表实现，因此，...
2019-03-05 09:17:13
175
原创 ELK+logspout收集Docker日志
ELK+logspout收集Docker日志1. Docker日志收集流程2. Logspout+ELK收集日志2.1 Docker安装ELK2.2 安装logspout参考1. Docker日志收集流程 基本思路通过logstash获取docker中的日志，然后，将日志转发给elasticsearch进行索引,kibana分析和可视化。 获取docker中的日志文件可以有多种方式：...
2019-03-01 17:22:22
1930
原创 Java多线程——等待/通知机制（生产者消费者模型）
生产者消费者实例1. 等待/通知机制2. 单一生产者和消费者1. 等待/通知机制 等待/通知机制在我们生活中很常见，例如，餐厅服务员和厨师之间，只有厨师做好菜之后，通知服务员，服务员才能上菜；而在未做好菜之前，服务员只能等待厨师做菜。除了这个例子外，等待/通知机制中，最典型的就是生产者和消费者模型，下边我们用代码实现该模型。2. 单一生产者和消费者 Java中等待/通知，通常使用Obj...
2019-02-25 21:04:01
644
1
原创 Java多线程——synchronized的使用
synchronized的使用1. synchronized同步普通方法1.1 可重入验证 synchronized是我们常用的锁，synchronized锁是互斥的，同一时间只能有一个线程获得锁，因此能够保证线程安全；synchronized又是可重入的锁。下边先看一下synchronized的使用：1. synchronized同步普通方法 synchronized可以修饰普通同步...
2019-02-24 20:56:28
287
原创 Java集合——ArrayList
文章目录1. ArrayList概述2. ArrayList的使用3. ArrayList源码阅读1. ArrayList概述2. ArrayList的使用3. ArrayList源码阅读
2019-02-18 12:17:35
1002
原创 Vue使用OAuth2简化模式登录
Vue使用OAuth2简化模式登录1. OAuth2简化模式概述2.1. OAuth2简化模式概述 OAuth2是一个2.
2019-02-14 08:35:15
6858
4
原创 Eureka学习记录
SpringCloud微服务注册中心——Eureka1. 服务发现2. Eureka的使用2.1 基本使用2.2 身份验证2.3 自我保护2.4 健康检查参考1. 服务发现 原来如果2. Eureka的使用2.1 基本使用2.2 身份验证2.3 自我保护2.4 健康检查参考《Spring Cloud微服务实战》《Spring Cloud与Docker微服务架构实战》...
2019-01-11 10:11:14
438
4
原创 Spring Cloud Consul注册中心的使用
Consul作为SpringCloud注册中心Consul简介Consul和Eureka对比Consul特性Consul安装(Linux)Consul 服务端配置常见问题Consul 消费者使用ribbon、feign消费服务使用ribbon使用feign参考Consul简介 Consul 是 HashiCorp 公司推出的开源工具，用于实现分布式系统的服务发现与配置。与其它分布式服务注册与...
2018-12-26 11:52:43
3760
原创 SpringMvc+Vue项目一起部署
SpringMvc+Vue项目一起部署背景部署方式部署中的问题访问之后路径被拦截访问出现404页面空白总结背景 最近公司的项目，开始从传统的JSP转向使用Vue前后端分离的方式，由于大家也是初次接触这种方式，在使用过程中遇到一些问题。今天记录一下之前部署项目遇到的问题。部署方式 因为项目内部使用，加之服务器的限制，部署方式，还是使用webpack打包前端项目（npm/cnpm ...
2018-11-12 20:31:18
5633
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人