自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

彳亍

不忘初心,方得始终

原创 使用VMware给虚拟机安装linux系统

在前面的讲解(http://blog.csdn.net/lamp_yang_3533/article/details/53136474)中,我们已经在VMware虚拟机管理软件中,创建了一台虚拟的PC,但还没有安装linux操作系统。这里,我们继续来讲解如何给虚拟机安装linux的CentOS版本...

2016-11-12 01:52:13 60570 54

原创 VMware Workstation 的安装和使用

VMware Workstation 是一个虚拟PC的软件,利用VMware工作站,可以在现有的操作系统上虚拟出一个或多个新的硬件环境,相当于模拟出多台新的PC,以此来实现在一台机器上同时运行多个独立的操作系统。 VMware 是一种常用的、功能强大的虚拟机管理软件,还有一种比较常用的轻量级的虚...

2016-11-12 01:25:06 63087 7

原创 Vue 单文件组件

介绍 在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。 这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加...

2020-05-01 16:31:47 60 0

原创 Vue 过滤器

Vue.js 允许你自定义过滤器,可用于一些常见的文本格式化。 过滤器可以用在两个地方:双花括号插值和 v-bind 表达式。 过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示: <!-- 在双花括号中 --> {{ message | capital...

2020-04-26 19:20:26 46 0

原创 Vue 插件

开发插件 插件通常会为 Vue 添加全局功能。插件的范围没有限,一般有下面几种: 添加全局方法或者属性,如: vue-custom-element 添加全局资源:指令/过滤器/过渡等,如 vue-touch 通过全局 mixin 方法添加一些组件选项,如: vue-router 添加 V...

2020-04-23 15:29:49 38 0

原创 Vue 渲染函数 & JSX

基础 Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接近编译器。 <h1> <a name="hello-w...

2020-03-20 23:22:58 50 0

原创 Vue 自定义指令

简介 除了内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。 然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。 举个聚焦输入框的例子。 当页面加载时,该元素将获...

2020-02-16 19:35:10 54 0

原创 Vue 混入

简介 混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。 混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 // 定义一个混入对象 var myMixin = { created: function () { ...

2020-02-04 16:44:43 277 0

原创 Vue 过渡 & 动画

概述 Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。 包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方...

2020-01-22 08:01:06 1397 0

原创 Vue 组件 - 杂项

编写可复用组件 在编写组件时,最好考虑好以后是否要进行复用。 一次性组件间有紧密的耦合没关系,但是可复用组件应当定义一个清晰的公开接口,同时也不要对其使用的外层数据作出任何假设。 Vue 组件的 API 来自三部分——prop、事件和插槽: Prop: 允许外部环境传递数据给组件; 事件...

2019-12-27 22:11:07 77 0

原创 Vue 动态组件

动态组件 通过使用保留的 <component> 元素,并对其 is 特性进行动态绑定,你可以在同一个挂载点动态切换多个组件: var vm = new Vue({ el: '#example', data: { currentView: &#...

2019-11-29 21:54:49 84 0

原创 Vue 插槽(slot)

我们经常需要使用插槽分发内容。 在使用组件时,我们常常要像这样组合它们: <app> <app-header></app-header> <app-footer></app-footer> </app> 注意...

2019-10-24 20:07:45 88 0

原创 Vue 自定义事件

我们知道,子组件通过 prop 来接收父组件传递的数据。但子组件怎么跟父组件通信呢?这个时候 Vue 的自定义事件系统就派得上用场了。 使用 v-on 绑定自定义事件 每个 Vue 实例都实现了事件接口,即: 使用 $on(eventName) 监听事件 使用 $emit(eventNam...

2019-10-23 21:37:40 139 0

原创 Vue 组件

什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。 在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。 所有的 V...

2019-09-28 21:24:14 74 0

原创 Vue 表单输入绑定

基础用法 你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一...

2019-09-23 22:47:21 72 0

原创 Vue 事件处理

监听事件 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 <div id="example-1"> <button v-on:click="counter += 1">Add 1&...

2019-09-15 13:04:30 60 0

原创 Vue 列表渲染

v-for 把一个数组对应为一组元素 用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要使用 item in items 形式的特殊语法,items 是源数据数组,item 是数组元素迭代的别名。 <ul id="example-1">...

2019-09-13 15:16:19 60 0

原创 Vue 条件渲染

v-if <h1 v-if="ok">Yes</h1> 在 <template> 元素上使用 v-if 渲染分组 因为 v-if 是一个指令,所以必须将它添加到一个元素上。但是如果想同时渲染多个多个元素呢? 此时,可以把一个 &l...

2019-09-11 22:56:06 50 0

原创 Vue Class 与 Style 绑定

简介 HTML 元素的 class 绑定 和内联样式绑定是数据绑定的一个常见需求。 由于字符串拼接麻烦且易错。因此,在用 v-bind 绑定 class 和 style 时,Vue.js 做了专门的增强。表达式的结果的类型除了字符串之外,还可以是对象或数组。 绑定 Class 对象语法 ...

2019-09-10 22:06:33 119 0

原创 Vue 侦听属性

简介 构造器的 watch 选项,用于定义 Vue 实例的侦听属性。 侦听属性可以用来观察和响应 Vue 实例上的数据变动。 当你有一些数据需要随着其它数据变动而变动时,你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而,通常更好的做法是使用计算属性而不是命令式的 ...

2019-09-09 21:24:28 53 0

原创 Vue 计算属性

简介 构造器的 computed 选项,用于定义 Vue 实例的计算属性。 虽然模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。如果在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example"> {{ messag...

2019-09-08 22:31:40 44 0

原创 Vue 模板语法

简介 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把...

2019-09-08 15:25:20 46 0

原创 Windows 安装 RabbitMQ

准备工作 下载 Erlang https://www.erlang.org/downloads 这里我们下载 Erlang/OTP 22.0 版本http://erlang.org/download/otp_win64_22.0.exe 下载 RabbitMQ https://www.r...

2019-09-08 10:25:36 86 0

原创 消息队列中间件-常用的 MQ

RabbitMQ RabbitMQ 是开源的分布式消息队列系统,用 erlang 语言开发。RabbitMQ 是 AMQP 的标准实现。 AMQP(Advanced Message Queuing Protocol)高级消息队列协议,是应用层协议的一个开放标准,为面向消息的中间件而设计。 A...

2019-09-07 22:48:43 176 0

原创 消息队列中间件-概述

1. 简介 MQ(Message Queue)消息队列是一种应用程序对应用程序的通信方法,应用程序通过读(出队)写(入队)队列的消息(针对应用程序的数据)进行通信。 MQ是消费者-生产者模型的典型代表,生产者往消息队列中不断写入消息,而消费者则可以读取或者订阅队列中的消息,并进行消息处理。 ...

2019-09-06 23:27:37 83 0

原创 Vue 实例

创建一个 Vue 实例 每个 Vue 应用都需要通过 Vue 构造器实例化一个 Vue 实例来实现。 语法格式: var vm = new Vue({ // 选项 }) 我们把 Vue() 称为 Vue 构造器。 虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的...

2019-09-05 23:41:43 56 0

原创 Vue.js 安装

简介 Vue.js,简称 Vue,是一套构建用户界面的渐进式 JavaScript 框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 第一个例子 demo.html <!DOCTYPE ...

2019-09-04 23:57:44 87 0

原创 Webpack 缓存

缓存 使用 webpack 来打包我们的模块化后的应用程序,webpack 会生成一个可部署的 /dist 目录,然后把打包后的内容放置在此目录中。只要把 /dist 目录中的内容部署到服务器上,客户端(通常是浏览器)就能够访问此服务器的网站及其资源。 获取资源是比较耗费时间的,这就是为什么浏...

2019-09-03 22:18:17 84 0

原创 Webpack 懒加载

懒加载 懒加载,也称作按需加载,是一种很好的优化网页或应用的方式。这种方式实际上是先把你的代码在一些逻辑断点处拆分,然后在一些代码块中完成某些操作后,立即引用或即将引用另外一些新的代码块。这样加快了应用的初始加载速度,减轻了它的总体体积,因为某些代码块可能永远不会被加载。 示例 在代码分离中...

2019-09-02 23:33:54 98 0

原创 Webpack 代码分离

代码分离 代码分离是 webpack 中最引人注目的特性之一。 代码分离能把代码分离到不同的 bundle 中,然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle,以及控制资源加载优先级,如果使用合理,会极大影提高项目的性能。 代码分离的三种方法: 多个入口:配置...

2019-09-01 19:35:06 54 0

原创 谷歌浏览器扩展程序报错 The message port closed before a response was received.

问题描述 Chrome Extension 报错: Unchecked runtime.lastError: The message port closed before a response was received. 中文意思是,最近未检查的运行时错误:在接收到 response 响应消...

2019-08-31 16:17:51 2593 0

原创 Webpack 快速入门指南(三)

生产环境构建 在本指南中,我们将深入一些最佳实践,并且使用工具,将网站或应用程序构建到生产环境中。 配置 开发环境(development)和生产环境(production)的构建目标差异很大。 在开发环境中,我们需要具有强大的、实时加载或模块热替换能力的 source map 和 loc...

2019-08-29 23:32:39 51 0

原创 Webpack 快速入门指南(二)

开发 本指南继续沿用管理输出指南中的代码示例。 如果你一直跟随之前的指南,应该对一些 webpack 基础知识有着很扎实的理解。在我们继续之前,先来看看如何建立一个开发环境,使我们的开发变得更容易一些。 本指南中的工具仅用于开发环境,请不要在生产环境中使用它们! 使用 source map...

2019-08-28 23:32:24 99 0

原创 Webpack 快速入门指南(一)

简介 webpack 是一个前端资源加载/打包工具。 webpack 是一个 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然...

2019-08-27 22:51:40 66 0

原创 PhpStorm 设置合理的颜色主题和字体

设置编辑器颜色主题 依次点击编辑器菜单的 File -> Settings -> Editor -> Color Scheme 在 Scheme 处,选择 Darcula(黑色主题),然后点击 apply 应用。 设置字体及大小 File -> Settings ...

2019-08-26 23:32:12 2702 0

原创 MySQL 中的 zerofill 和 tinyint(5)

在 MySQL 中,zerofill 字段约束表示用零填充,配合整型后面的小括号中的数值一起生效。 整型后面的小括号中的数值,用于指定整型数据的长度(宽度)。 若使用了 zerofill,当实际长度达不到指定的显示长度时,就会用 0 在前面补齐。 对于 tinyint 数据类型,只占 1 个...

2019-08-25 11:54:07 212 0

原创 curl 报错:SSL certificate problem: unable to get local issuer certificate

问题描述 当用 curl 发起 https 请求时,报错提示信息为: SSL certificate problem: unable to get local issuer certificate 解决方法 方法一 在调用 curl_exec() 之前,粗暴的跳过 SSL 检查项。 ...

2019-08-23 23:03:52 207 0

原创 Node.js 回调函数

Node.js 异步编程的直接体现就是回调。 异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了。 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数,Node 所有的 API 都支持回调函数。 例如,我们可以一边读取文件,一边执行其他命令,在文件读取完成后,我们将文件...

2019-08-22 23:12:40 66 0

原创 MySQL 报错 [Err] 1055 ... this is incompatible with sql_mode=only_full_group_by

问题描述 升级 MySQL 的版本为 8.0.12 后,出现了问题。 创建数据表,或执行更新操作时,报错 [Err] 1055 ... 错误信息如下: [Err] 1055 - Expression #1 of ORDER BY clause is not in GROUP BY clau...

2019-08-21 02:29:20 117 1

原创 Node.js REPL(交互式解释器)

简介 Node.js REPL(Read Eval Print Loop 交互式解释器) 表示一个电脑的特定环境,类似于 Windows 系统的终端(命令行)或 Unix/Linux shell,可以在终端中输入命令,并接收系统的响应。 简单的说,Node.js REPL 就是 Node 的交...

2019-08-20 00:19:05 83 1

提示
确定要删除当前文章?
取消 删除