2018年03月_elroy

转载项目中使用的设计模式之状态模式

工作中可能会遇到很多重复的工作，重复的工作可能导致大量的工作量，可能会使重复的代码过多，也可能会导致方法的耦合性太大，动一发而牵动全身，不防考虑一些设计模式来简化工作。所在项目：新工作流平台功能点：切换推送代办的方式(Kafka推送代办或者rabbitMQ推送代办)模式讲解：状态模式把对象的行为包装在不同的状态对象里，每一个状态对象都属于一个抽象状态类的一个子类。状态模式的意图是让一个对象在其内部...

2018-03-22 09:15:09 648

转载项目中使用的设计模式之策略模式

功能点：数据校验接口该接口用于校验产品中心的数据的正确性，根据数据类型校验，如果是数字类型的数据走数字类型的校验方法，如果是checkbox类型的数据走checkbox类型的数据校验方法。模式讲解：策略模式为了避免重复多重使用if-else语句，将每一个if块作为一种策略对象。UML键下图：策略模式包含四个角色：（1） Strategy工厂，用于生产具体的Strategypublic clas...

2018-03-22 09:14:34 353

转载利用注解式切面单独打印接口调用日志

背景：我们可能希望对项目中的接口性能进行监控，例如：接口调用时间，开始时间，结束时间，传入的参数等等，通常的做法是在接口代码开始处记录startTime，结尾处记录endTime，然后计算startTime和endTime之差，这种做法无法把这部分日志单独拆分成文件，而且冗余代码会比较多。可以考虑使用spring切面和环绕通知来打印这部分日志，并使用log4j2将这部分日志单独拆分出来。ps:拆分...

2018-03-22 09:13:09 1176

转载利用OTTER实现准实时ETL

一：背景目前公司已有的IT系统中，各系统中的数据往往都各自存储，各自定义。每个系统的数据同公司内部的其他数据进行连接互动时，难度很大，无形中加大了跨系统数据合作的沟通成本。为解决这一问题，需要引入一个基础中间件，可以灵活提取源数据库增量信息，按业务需求灵活整合目标表信息，从而使业务系统在本地库实时、准确地访问到其需要的全面业务数据。二：简介 OTTER是阿里巴巴公司为了解决杭州/美国机...

2018-03-22 09:11:00 1404

转载第十三节：Vue Devtools——vue开发调试神器

工欲善其事，必先利其器，vue2.0进阶系列的知识更接近我们的实际开发所需，在开发过程中，有个好的调试工具是事半功倍的，Vue Devtools就是我们选择的调试工具，它是一款chrome浏览器的插件。所以，我们先去chrome商店找到它并安装。安装用chrome浏览器访问以下地址，就可以在chrome商店找到我们的Vue Devtools插件。地址：[url=]https://chrome.go...

2018-03-22 09:06:59 1333

转载第十二节：用学过的知识做一个小demo

学过了前面11个章节的知识，可以说你已经对vue2.0的基础知识有了一定程度的掌握，虽然在真正开发过程中，一些知识的使用会稍有不同，但是别慌，我们会把那部分内容在进阶系列，比如：单文件组件，过渡效果，状态管理vuex，路由vue-router，网络请求vue-resource等等。那是不是就意味着我们现在还不能用基础知识做开发，当然不是，加强动手能力是进步的最好方式，我们今天就来用学过的基础知识，...

2018-03-22 09:06:51 386

转载第十一节：动态绑定class和style

在第六节的章节中，我们学会了如何给视图上的html标签绑定属性。比如，给 <a> 标签绑定href属性，简单回忆一下：<a v-bind:href="link"></a><a :href="link"></a&g

2018-03-22 09:06:37 1923

转载第十节：实现vue组件之间的通信

这一节我们还是来继续介绍组件：组件之间如何通信。第九节我们在介绍组件知识的时候，提到过组件可以接受参数props，这其实就是组件之间的一种通信方式：父组件→子组件传递数据。父组件→子组件那我们还是不厌其烦地再演示一遍：父组件→子组件传递数据。组件实例的作用域都是孤立的，也就是子组件在模板template不能引用父组件的数据，那么，当子组件有需要使用父组件的时候，我们该怎么办呢？这里，我们使用的是组...

2018-03-21 09:32:45 636

转载第九节：掌握vue的另一个核心：组件

我们在之前的章节，已经详细地介绍了vue的数据驱动，从这一节开始，我们就来学习另一个核心：组件。组件是我们人为地把页面合理地拆分成一个个区块，让这些区块更方便我们重复使用，有了组件，我们可以更高效合理地开发和维护我们的项目。竟然说得组件那么好用，那我们就来好好学学怎么使用它。规划组件假设我们页面上有这样的一个布局：上图是我们模仿微信公众号的“历史消息”的界面，我们看到的是一个文章的目录列表。这种情...

2018-03-21 09:32:15 410

转载第八节：实战前必须掌握的10个指令(下)

上一节我们学了5个重要的指令： v-text 、 v-html 、 v-show 、 v-if 、 v-else 这一节，我们继续学习剩下的5个指令。话不多说，撸起来！6. v-for 指令有时候，我们的data中的存放的数据不是个简单的数字或者字符串，而是数组Array类型，这个时候，我们要把数组的元素展示在视图上，就需要用到vue提供的 v-for 指令，来实现列表的渲染。我们看看它的用法：...

2018-03-21 09:30:56 358

转载第七节：实战前必须掌握的10个指令(上)

这一节我们来学习并掌握在实战用一定会用到的10个指令，没错，是一定会用到，通过这些指令，可以让我们很方便的完成某些操作。掌握了这几个指令，我们距离实战就又近了一步。1. v-text 指令v-text 指令用于更新标签包含的文本，它的作用跟双大括号的效果一样。我们看看它的用法：<div id="app"> <p v-text="msg"></p></...

2018-03-21 09:30:19 342

转载第六节：教你如何在html中绑定数据

上两节我们学习了vue的实例知识：第4节:vue实例的4个常用选项第5节:vue 实例的生命周期提醒一下，这两节的内容在后面实战的时候很重要，如果落下的同学可以回去翻看学习，不必害怕难学，这里没有难学的教程。这一节，我们学习如何在html上绑定我们实例中的数据。Mustache 语法什么叫Mustache语法，别被这高大上的叫法吓到了，其实就是双大括号{{ }}的写法，在之前的章节我们就演示过在视...

2018-03-21 09:29:39 12034

转载第五节：轻松掌握 vue 实例的生命周期

上两节我们都是讲vue的实例，简单创建和定义实例的4个常用选项，没看过的伙伴可以先去看上两节，按顺序学习比较容易掌握。这一节我们学习vue实例的生命周期，没错，实例也跟动物一样，有自己的“生命”，实例也会经历出生至死亡的各个阶段。Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段，每个阶段都会给一些“钩子”让我们来做一些我们想实现的动作。学习实例的生命周期，能帮助我们理解vue实例的运作机制，...

2018-03-21 09:28:57 636

转载第四节：定义一个vue实例的4个常用选项

上一节，我们讲过如何创建一个Vue实例，仅需4步走：我们知道，定义一个Vue实例的参数有el（指定挂载的DOM元素），data（实例的数据），上一节讲过除了这两个之外，还可以定义其他参数。今天，我们就来学习在开发中，我们要怎么定义一个vue实例才能满足我们的需要？下面，我们先用上一节的知识，先创建一个Vue实例：<div id="app"></div> <scrip...

2018-03-21 09:27:46 2264

转载第三节：创建一个Vue实例，超简单

我们之前说过，Vue是数据驱动视图的，只要model（模型层）的数据改变了，Vue就会帮我们改变视图上显示的内容，不用我们自己去动手写代码更新。那么，它是怎么做到的，我们的代码要怎么写才能做到这一点。答案是：Vue实例。先确保你的项目安装好Vue.js，安装教程：(去看第二节、简易安装和快速入门Vue.js)安装好之后，我们来看看怎么创建和使用Vue实例，我们把它分成 4 步走。第1步创建...

2018-03-21 09:26:55 4224 1

转载第二节、简易安装和快速入门Vue.js

上一节我们介绍了Vue.js框架，这一节，我们可以来试着动手写点小代码了。1 简易安装要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，先不管那些高大上的费时间的安装方法，直接引入一个js文件，先把代码敲代码再说。<head> <meta charset="UTF-8"> <title>简易...

2018-03-21 09:25:57 789

转载第一节、Vue.js框架是什么，为什么选择它？

这个系列我们一起学习的是Vue.js基础知识。你没看错，是基础知识。所以，哪怕你入行不久，相信你在的大白话风格下，也能学会。但还是希望你有开发过html，css，javascript的项目经验，如果你连一点项目经验都没有，亦或者你早已掌握Vue.js的知识，那么这个系列不适合你当前的学习阶段。1 学习目标通过这一节，你会学会：1.目前前端技术使用的趋势2.什么是MVVM3.Vue.js的优点4....

2018-03-21 09:24:55 15284 1

chenzeyuczy的专栏