摘要:
[TOC] 前言 Vue也学了好几章了,这次我们要自己来做一个demo,一个列表,能增删改查的东西,首先,我们得使用Bootstrap,这样好看,我到现在才终于明白了,所谓的好看就是Bootstrap的css,Bootstrap的表格,表单啥的都漂亮,美。而这些好看的表格,表单的交互,我们需要的是框 阅读全文
摘要:
[TOC] v for指令:遍历 HTML和效果图 有几个需要讲的点,先看v for的HTML,如下 效果图如下: v for讲解 其实看代码就已经清楚了,我不清楚的一点是,我想写多个插值表达式,就必须使用插值表达式,这样不就出现了才学Vue的时候出现的插值表达式闪烁的问题了?我使用v text也仅 阅读全文
摘要:
[TOC] 两种样式 Vue中使用样式方式有两种,一种是class样式,一种是内联样式也就是style class样式 class样式使用的方式有5种,HTML如下 要是在Vue中使用,应该是三元表达式的简化使用的频率高 内联样式 内联样式就是写style,有三种方式 效果图如下 防盗链接:本博客由 阅读全文
摘要:
[TOC] v model简介和适用范围 Vue的一大特点之一就是数据的双向绑定,v model就是实现这个功能的指令,v model只能运用到表单元素中,例如 表单元素才能去双向交互,至于div和p啥的,洗洗睡吧 新建HTML 所见即所得 运行,修改input的内容,你会发现上面的文字也跟着变动了 阅读全文
摘要:
[TOC] 什么是事件修饰符 其实就是对事件的一些影响,如下 .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身(比如不是子元素)触发时触发回调 .once 事件只触发一次 先看一遍,下面我会详细介绍这些事件修饰 阅读全文
摘要:
[TOC] 跑马灯原理 先讲讲跑马灯的原理,就是一行字,会滚动,思路是这样的,使用substring方法,一个获取字符串的第一个字,一个获取1后面所有的字,然后后+前就可以了 HTML 如下 讲解一下,新学了一些知识 箭头函数 这个箭头函数的作用就是让函数内部的this等于外部的this,如果不使用 阅读全文
摘要:
[TOC] v bind:绑定属性值,内容相当于js,缩写: 我添加了一个input标签,如下 这样显示的title是固定的,我想使用Vue的data里面的值,就需要加v bind指令 Vue的data加一个title 可以很清楚的看到,v bind指令使用了之后,内容相当于js,title就是变量 阅读全文
摘要:
[TOC] 越来越感觉,Vue学起来很有意思 v cloak:解决插值表达式闪烁问题 先来写一个HTML,如下 可以看到,我把Vue.js的引用放到div下面了,这样是为了更好的重现插值表达式闪烁的情况。 安装插件Live Server 我要模拟网络环境,本地肯定不行,所以我们下载安装一个插件Liv 阅读全文
摘要:
[TOC] 什么是Zull Zuul就是一个网关,实现的功能:代理、路由、过滤这三大功能 举个例子,一个大型商场,eureka是大型商场,服务是里面的商店,Zuul就是商场的保安。所以Zuul是需要注册进eureka的,没商场保安 为什么需要Zuul 这个你想想为什么商场需要保安就明白了.... 下 阅读全文
摘要:
[TOC] Hystrix是什么? Hystrix是一个断路器,主要作用是服务熔断。 我举个例子,比如我想访问服务A,但是服务A依赖服务B,服务B依赖服务C...这种多个服务之间依赖调用称为扇出(就像一把折扇缓缓打开一样) 倘若某个服务反应的时间很长,或者服务不可用了,那么对服务A的调用会占用系统越 阅读全文