自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 webpack4打包一个项目的基本步骤

webpack4打包一个项目的基本步骤 首先创建一个目录,例如demo,之后在命令提示行中进入该目录: 进行初始化: npm init 安装webpack: npm install webpack --save-dev 安装webpack-cli: npm install webpack-cl...

2018-12-28 20:19:25

阅读数 346

评论数 0

原创 Vue 动态组件

Vue 动态组件、异步组件

2018-12-05 00:22:49

阅读数 85

评论数 0

原创 Vue 虚拟DOM与key属性

Vue中的复用与key元素 因为它是 Vue 识别节点的一个通用机制,key Vue会尽可能高效的渲染元素,通常会复用已有的元素,而不是从头开始渲染。 1.v-if中的key <div id=&a...

2018-12-04 22:30:34

阅读数 916

评论数 1

原创 Vue 插槽slot

Vue 插槽

2018-12-04 20:25:47

阅读数 43

评论数 0

原创 Vue 组件通信

Vue 自定义事件

2018-12-04 17:58:21

阅读数 43

评论数 0

原创 Vue 使用props从父组件向子组件传递数据

Vue prop

2018-12-03 23:30:19

阅读数 1602

评论数 0

原创 Vue 组件注册

Vue 组件系统 组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。 在 Vue 里,一个组件本质上是一个拥有预定义选项的一个 Vue 实例。 你可能已经注意到 Vue 组件非常类似于自定义元素 ...

2018-12-03 19:24:39

阅读数 74

评论数 0

原创 Vue 指令v-if、v-show、v-once和v-cloak

Vue2 指令v-if和v-show (1)条件渲染:v-if,v-else,v-else-if v-if必须用在一个元素上 <div id="app">...

2018-12-02 20:52:34

阅读数 313

评论数 0

原创 Vue 指令v-for和v-model

Vue的指令(带有v-前缀) (1)v-if <div id="a...

2018-12-02 17:48:26

阅读数 1106

评论数 0

原创 Vue 指令v-bind和v-on

Vue2 指令v-bind和v-on 从这篇文章开始,总结一下Vue中的指令。这篇文章总结v-bind和v-on指令。 (1)v-on: 1.v-on可以接受一个参数,在v-on后面用冒号表示。这里的参数是监听的事件名称。 可以用v-on添加一个事件监听器,通过它调用在Vue实例中的方法: &am...

2018-12-02 13:17:26

阅读数 1350

评论数 0

原创 Vue 方法与计算属性

Vue2 methods与computed 上一篇文章中总结了Vue中的构造函数,生命周期钩子函数和数据的双向绑定,本篇文章接着上一篇,总结Vue中的methods和computed。 (1)Vue实例中的methods 了解Vue实例中的methods选项,就要先了解一下v-on指令。 指令是V...

2018-12-01 16:57:57

阅读数 117

评论数 0

原创 Vue 构造函数、生命周期与数据双向绑定

Vue 基本语法 (1)Vue是响应式的 <!DOCTYPE html> <html lang=&amp...

2018-12-01 14:34:42

阅读数 103

评论数 0

原创 ES6 Generator函数之基本用法(2)

Generator函数之基本用法(2) 上一篇文章中总结了Generator函数基本概念,yield表达式,与Iterator接口、for…of循环的关系,next方法,throw方法,return方法等内容。 这篇文章接着上一篇文章继续总结Generator函数的基本用法 (1)yield*表达...

2018-11-27 18:42:22

阅读数 36

评论数 0

原创 ES6 Generator函数之基本用法(1)

Generator函数之基本用法 (1)基本概念 (2)yield表达式 (3)与Iterator接口的关系 (4)next方法 (5)for…of循环 (6)Generator.prototype.throw() (7)yield*表达式 (8)最为对象属性的Generator函数 ...

2018-11-27 18:12:33

阅读数 26

评论数 0

原创 ES6 for...of循环

ES6 for…of循环 Iterator接口的目的是为所有的数据结构提供一种统一的访问机制,即for…of循环。当使用for…of循环遍历某种数据结构的时候,该循环会自动去寻找Iterator接口。 ...

2018-11-26 20:51:07

阅读数 810

评论数 0

原创 ES6 Iterator遍历器

Iteator和for…of循环 (1)Iterator的概念 现在主要有四种表示“集合”的数据结构:数组,对象,Map,Set。 Iterator,也就是遍历器,它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构,只要部署了Iterator接口,就可以完成遍历操作(即依次处理该数...

2018-11-26 14:13:12

阅读数 34

评论数 0

原创 ES6 Promise对象之实例方法(2)

ES6 Promise之实例方法(2) 上一篇关于Promise的文章介绍了Promise的基本用法,这一篇继续上一篇,介绍Promise的各种方法: (1)Promise.prototype.then() then方法是定义在原型对象Promise.prototype上的。它的作用是为 Prom...

2018-11-26 10:38:57

阅读数 32

评论数 0

原创 ES6 Promise对象之基本用法(1)

Promise (1)Promise的含义 传统的异步编程的解决方案–回调函数、事件、Promise (2)Promise的基本用法 Promise构造函数,生成Promise实例 Promise构造函数接受一个函数作为参数,这个函数又具有两个参数,分别是resolve和reject,他们是两个函...

2018-11-25 20:43:25

阅读数 371

评论数 1

原创 ES6 WeakSet和WeakMap

WeakSet和WeakMap (1)WeakSet和WeakMap一些相似的特点 1.WeakSet的成员只能是对象,WeakMap只接受对象(null除外)作为键名 let weakset = new WeakSet([1, 2, 3]); //TypeError: Inval...

2018-11-24 15:11:35

阅读数 205

评论数 0

原创 ES6新增 Set

Set (1)基本语法 Set是ES6新提供的一种数据结构,它类似于数组,但是成员的值都是唯一的,没有重复。 1.Set构造函数 Set本身是一个构造函数,Set函数接受具有iterator接口的数据结构作为参数,用来初始化。以数组为例: const set=new Set([1,1,2,...

2018-11-24 12:02:54

阅读数 41

评论数 0

原创 ES6新增 Map

Map (1)基本语法 javascript的对象(Object)本质上是键值对的集合,只能用字符串作为键名,对于其他的类型,会自动转为字符串: let array_ = [1, 2, 3, 4];//数组 let function_ = function () {};//函数 ...

2018-11-24 00:37:01

阅读数 1172

评论数 0

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