2019年08月_一一哥Sun

12月 11月 10月 09月 08月 07月 06月 05月 03月

原创 Day19_10_Vue教程之v-for

Vue教程之v-for一.循环遍历语句v-for二.HTML<div id="vue"> <li v-for="item in items"> {{ item.message }} </li></div>注：items是源数据数组并且item是数组元素迭代的别名。是不是像极了Thymel...

2019-08-07 08:41:28 294

原创 Day19_09_Vue教程之v-on

Vue教程之v-on一.监听事件v-on二. HTML<div id="vue"> <button v-on:click="sayHi">点我</button></div>注：在这里我们使用了v-on绑定了click事件，并指定了名为sayHi的方法三.JavaScript方法必须定义在 Vue 实...

2019-08-06 22:43:45 285

原创 Day19_08_Vue教程之v-else-if

Vue教程之v-else-if一.连续的条件判断语句 v-if v-else-if v-else 二.HTML<div id="vue"> <h1 v-if="type === 'A'">A</h1> <h1 v-else-if="type === 'B'">B</h1> &...

2019-08-06 22:42:58 247

原创 Day19_07_Vue教程之Vue表单输入

Vue教程之Vue表单输入一.什么是双向数据绑定Vue.js 是一个 MVVM 框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是 Vue.js 的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于 UI 控件来说的，非 UI 控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vuex...

2019-08-06 22:41:36 299

原创 Day19_06_Vue教程之Vue实例的生命周期

Vue教程之Vue实例的生命周期一.什么是生命周期Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 DOM、渲染→更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程，就是生命周期。在 Vue 的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册 JS 方法，可以让我们用自己注册的 JS 方...

2019-08-06 22:39:43 291

原创 Day19_05_Vue教程之第一个Vue应用程序

Vue教程之第一个Vue应用程序一.兼容性Vue不支持IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。二.下载地址开发版本包含完整的警告和调试模式：https://vuejs.org/js/vue.js 删除了警告，30.96KB min + gz...

2019-08-06 22:34:12 293

原创 Day19_04_Vue教程之环境搭建

Vue教程之环境搭建一.安装node.js（https://nodejs.org/en/）下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。二. 设置nodejs prefix（全局）和cache（缓存）路径1. 在nodejs安装路径下，新建node_global和node_cache两个文件夹2. 设置缓存文件夹npm config ...

2019-08-06 22:32:11 455

原创 Day19_03_Vue教程之Vue简介

Vue教程之Vue简介一.简介Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，发布于 2014 年 2 月。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库（如：vue-router，vue-resource，vuex）或既有项目整合。二.MVVM 模式的实现者MVVM ...

2019-08-06 22:27:59 253

原创 Day19_02_Vue教程之MVVM模式

MVVM模式一.什么是 MVVM?MVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软 WPF（用于替代 WinForm，以前就是用这个技术开发桌面应用程序的）和 Silverlight（类似于 Java Applet，简单点说就是在浏览器上运行的 WPF）的架构师 Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。...

2019-08-06 22:27:09 328

原创 Day19_01_Vue教程之前后端分离的演变史

Vue教程之前后端分离的演变史一.为什么需要前后分离1. 后端为主的 MVC 时代为了降低开发的复杂度,以后端为出发点,比如：Struts、SpringMVC 等框架的使用，就是后端的 MVC 时代.以SpringMVC流程为例：发起请求到前端控制器(DispatcherServlet) 前端控制器请求HandlerMapping查找Handler，可...

2019-08-06 22:26:11 1012

原创 SpringBoot整合Logstash,实现日志统计

SpringBoot整合Logstash一. ELK简介ELK是Elastic公司的三个组件,他们三个配合实现日志收集.ElasticSearch:用于存储日志信息; Logstash:用于收集、处理和转发日志信息; Kibana:提供可视化的Web界面.二. ELK环境安装有关ELK安装请参考我之前的教程. Windows下Logstash安装:https://blo...

2019-08-06 22:17:17 8876 7

原创 Windows下安装Logstash

Windows下安装Logstash1. 下载Logstashhttps://www.elastic.co/downloads/logstash2. 解压LogstashE:\ELK\logstash-5.6.83. 进入bin目录,新建文件logstash_default.confinput { stdin{}}output { stdout{}}...

2019-08-05 22:13:19 1493