- 博客(21)
- 收藏
- 关注
RSS订阅原创 webpack4打包一个项目的基本步骤
webpack4打包一个项目的基本步骤首先创建一个目录，例如demo，之后在命令提示行中进入该目录:进行初始化：npm init安装webpack:npm install webpack --save-dev安装webpack-cli:npm install webpack-cli --save-dev安装webpack-dev-server:npm install web...
2018-12-28 20:19:25
985
1
原创 Vue 虚拟DOM与key属性
Vue中的复用与key元素因为它是 Vue 识别节点的一个通用机制，keyVue会尽可能高效的渲染元素，通常会复用已有的元素，而不是从头开始渲染。1.v-if中的key<div id="app"><t
2018-12-04 22:30:34
3418
3
原创 Vue 组件注册
Vue 组件系统组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。你可能已经注意到 Vue 组件非常类似于自定义元素...
2018-12-03 19:24:39
347
原创 Vue 指令v-if、v-show、v-once和v-cloak
Vue2 指令v-if和v-show（1）条件渲染：v-if，v-else，v-else-ifv-if必须用在一个元素上<div id="app"> <div v-if="see"> 现在你能看
2018-12-02 20:52:34
1104
原创 Vue 指令v-for和v-model
Vue的指令（带有v-前缀）（1）v-if<div id="app"&am
2018-12-02 17:48:26
5117
原创 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实例中的方法：<div id="app"> &
2018-12-02 13:17:26
6480
原创 Vue 方法与计算属性
Vue2 methods与computed上一篇文章中总结了Vue中的构造函数，生命周期钩子函数和数据的双向绑定，本篇文章接着上一篇，总结Vue中的methods和computed。（1）Vue实例中的methods了解Vue实例中的methods选项，就要先了解一下v-on指令。指令是Vue.js模板中常用的一项功能，它们带有v-前缀，在前一篇文章中我们使用了v-html和v-pre，具...
2018-12-01 16:57:57
2199
原创 Vue 构造函数、生命周期与数据双向绑定
Vue 基本语法（1）Vue是响应式的<!DOCTYPE html><html lang="en">&amp
2018-12-01 14:34:42
435
原创 ES6 Generator函数之基本用法（2）
Generator函数之基本用法（2）上一篇文章中总结了Generator函数基本概念，yield表达式，与Iterator接口、for…of循环的关系，next方法，throw方法，return方法等内容。这篇文章接着上一篇文章继续总结Generator函数的基本用法（1）yield*表达式直接在Generator函数内部调用另一个Generator函数，默认情况下是没有效果的func...
2018-11-27 18:42:22
122
原创 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
169
原创 ES6 for...of循环
ES6 for…of循环Iterator接口的目的是为所有的数据结构提供一种统一的访问机制，即for…of循环。当使用for…of循环遍历某种数据结构的时候，该循环会自动去寻找Iterator接口。...
2018-11-26 20:51:07
3826
原创 ES6 Iterator遍历器
Iteator和for…of循环（1）Iterator的概念现在主要有四种表示“集合”的数据结构：数组，对象，Map，Set。Iterator，也就是遍历器，它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构，只要部署了Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。Iterator的遍历过程如下：1.创建一个指针对象，指向当前数据结构的起始位...
2018-11-26 14:13:12
181
原创 ES6 Promise对象之实例方法（2）
ES6 Promise之实例方法（2）上一篇关于Promise的文章介绍了Promise的基本用法，这一篇继续上一篇，介绍Promise的各种方法：（1）Promise.prototype.then()then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。前面提到过then方法的两个参数，在此不再叙述。then方法返...
2018-11-26 10:38:57
771
原创 ES6 Promise对象之基本用法（1）
Promise（1）Promise的含义传统的异步编程的解决方案–回调函数、事件、Promise（2）Promise的基本用法Promise构造函数，生成Promise实例Promise构造函数接受一个函数作为参数，这个函数又具有两个参数，分别是resolve和reject,他们是两个函数，由javascript引擎提供，不用自己部署。resolve：在异步操作成功时调用，并将异步操作...
2018-11-25 20:43:25
502
1
原创 ES6 WeakSet和WeakMap
WeakSet和WeakMap（1）WeakSet和WeakMap一些相似的特点1.WeakSet的成员只能是对象，WeakMap只接受对象（null除外）作为键名 let weakset = new WeakSet([1, 2, 3]); //TypeError: Invalid value used in weak set let weakmap=new Weak...
2018-11-24 15:11:35
1949
1
原创 ES6新增 Set
Set（1）基本语法Set是ES6新提供的一种数据结构，它类似于数组，但是成员的值都是唯一的，没有重复。1.Set构造函数Set本身是一个构造函数，Set函数接受具有iterator接口的数据结构作为参数，用来初始化。以数组为例： const set=new Set([1,1,2,2,3,4,5,5]); console.log(set); //Set [1,2,3...
2018-11-24 12:02:54
187
原创 ES6新增 Map
Map（1）基本语法javascript的对象（Object）本质上是键值对的集合，只能用字符串作为键名，对于其他的类型，会自动转为字符串： let array_ = [1, 2, 3, 4];//数组 let function_ = function () {};//函数 let number_=123;//数字 let object_={};//对象 ...
2018-11-24 00:37:01
2576
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人