- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 最全Vue组件间通信方式总结,Vue组件化
文章目录Vue组件化, 组件间通信方式1.0 父子组件之间通信1.1 父传子1.1.1 `props` 方式传参.1.1.2 自定义函数传参1.2 子传父1.2.1 `ref` 实现: 父组件访问子组件数据1.2.2 `$children`实现: 父组件访问子组件数据1.2.3 `$emit`事件派发与监听2.0 兄弟组件之间的通信2.1 `$emit` 和 `$on` , 通过共同父组件实现兄弟组件通信2.2 `$bus` 事件总线的方式实现兄弟组件通信2.3 通过 PubSub.js 实现任意组件间通
2020-05-27 14:12:52
310
原创 ES6的Class类继承, super关键字用法即注意点
文章目录Class 的继承1.0 简介2.0 Object.getPrototypeOf()3. super 关键字4.0 类的 prototype属性和__proto__属性4.1 实例的 `__proto__` 属性总结:Class 的继承1.0 简介Class 可以通过 extends 关键字实现继承, 这边 ES5通过原型链实现继承, 要清晰和方便很多class Point {}class ColorPoint extends Point {}上面代码定义了一个ColorPo
2020-05-25 15:54:30
591
原创 ES6 的Class的基本语法,静态方法, 实例属性新写法
文章目录Class的基本语法1.0 简介1.1 constructor 方法1.2 类的实例1.3 取值函数(getter)和存值函数(setter)1.4 属性表达式1.5 Class 表达式1.6 注意点2.0 静态方法3.0 实例属性的最新写法4.0 静态属性5.0 私有方法和私有属性6.0 new.target属性总结:Class的基本语法1.0 简介ES6之前, JavaScript 语言中, 生成实例对象的方法是 通过构造函数,下面是一个例子:function Point(x, y
2020-05-25 11:24:55
690
原创 ES2017的async 函数的介绍,await命令使用解释及注意问题
文章目录async 函数1.0 含义2.0 基本用法3.0 语法4.0 await 命令4.1 如何让await后面异步操作失败, 不阻断后续代码执行?4.2 错误处理4.3 await 命令使用注意点5.0 async 函数的实现原理6.0 与其他异步处理方法的比较7.0 实例: 按顺序完成异步操作8.0 顶层 await总结:async 函数1.0 含义ES2017 标准引入了 async 函数，使得异步操作变得更加方便async函数对 Generator 函数的改进，体现在以下四点。
2020-05-22 11:24:44
798
原创 Generator 函数的异步应用大概介绍
文章目录Generator 函数的异步应用1.0 传统方法2.0 基本概念3.0 Generator 函数总结:Generator 函数的异步应用1.0 传统方法ES6 诞生以前, 异步编程的方法, 大概有下面四种.回调函数事件监听发布/订阅Promise对象Generator 函数将 JavaScript 异步编程带入了一个全新的阶段。2.0 基本概念异步所谓"异步"，简单说就是一个任务不是连续完成的，可以理解成该任务被人为分成两段，先执行第一段，然后转而执行其他任务，
2020-05-21 16:54:11
351
原创 Generator函数的语法, yield表达式, next方法理解
文章目录Generator 函数的语法1.0 简介2.0 yield表达式3.0 next 方法的参数4.0 for ... of 循环5.0 Generator.prototype.throw()6.0 Generator.prototype.return()7.0 next(), throw(), return()的共同点8.0 yield* 表达式9.0 作为对象属性的 Generator 函数10.0 Generator 函数的this总结:Generator 函数的语法1.0 简介Gene
2020-05-21 16:12:24
703
原创 Promise对象及相关实例方法介绍
文章目录Promise 对象1.0 Promise 的含义2.0 基本用法3.0 Promise.prototype.then()4.0 Promise.prototype.catch()5.0 Promise.prototype.finally()6.0 Promise.all()7.0 Promise.race()8.0 Promise.resolve()9.0 Promise.rejected()总结:Promise 对象1.0 Promise 的含义Promise 是一步编程的一种解决方案,
2020-05-21 15:38:04
1486
原创 ES6 Reflect 介绍, Reflect 相关方法介绍
文章目录Reflect1.0 概述2.0 静态方法2.1 Reflect.get(target,name,receiver)2.2 Reflect.set(target,name,value,receiver)2.3 Reflect.has(obj,name)2.4 Reflect.deleteProperty(obj,name)2.5 Reflect.construct(target,args)2.6 Reflect.getPrototypeOf(obj)2.7 Reflect.setPrototypeO
2020-05-18 14:15:11
762
原创 ES6 Proxy构造函数拦截器, Proxy实例的常用方法
文章目录Proxy1.0 概述2.0 Proxy 实例的方法2.1 get()2.2 set()2.3 apply()2.4 has()2.5 construct()2.6 deleteProperty()2.7 defineProperty()3.0 Proxy.revocable()4.0 this问题5.0 实例: Web 服务的客户端总结:Proxy1.0 概述Proxy 用于修改某些操作的默认行为, 等同于在语言层面做出修改, 所以书序一种 “元编程”, 即对编程语言进行编程.P
2020-05-15 17:32:45
1107
原创 ES6 Set和 Map数据结构, Set 实例方法 Map实例方法说明
文章目录Set 和 Map 数据结构1.0 Set1.1 Set的基本用法1.2 Set 实例的属性和方法1. Set 结构的实例有以下属性2. Set 实例的方法分为两大类2.0 WeakSet3.0 Map3.1 含义和基本用法3.2 Map 实例的属性和操作方法3.3 Map 与其他数据结构的互相转换4.0 WeakMap总结Set 和 Map 数据结构1.0 Set1.1 Set的基本用法ES6 提供了一种新的数据结构 Set. 它类似于数组, 但是成员的值都是唯一的, 没有重复的值
2020-05-15 13:50:41
608
原创 ES6 Symbol函数,消除魔术字符串, Symbol.for和Symbol.keyFor
文章目录Symbol函数1.0 概述2.0 Symbol.prototype.description3.0 作为对象的属性名的 Symbol4.0 Symbol 实现消除魔术字符串5.0 属性名的遍历6.0 Symbol.for(), Symbol.keyFor()总结Symbol函数1.0 概述ES5的对象属性名都是字符串, 这容易造成属性名冲突. 比如你使用了别人提供的对象, 但又想为这个对象添加新的方法.(minxin)模式, 新方法的名字就有可能与现有方法产生冲突. 如果有一种机制, 保证每
2020-05-14 16:41:28
871
原创 ES6对象扩展, 对象链式判断,Object.assign()等方法
文章目录ES6 对象的扩展1.0 属性的简洁表示法2.0 属性名表达式3.0 属性的可枚举性和遍历4.0 super 关键字4.0 对象的解构赋值5.0 对象的扩展运算符6.0 对象的链判断运算符6.1 对象的链判断有三种写法: 一6.2 对象链判断三种写法: 二6.3 对象链判断三种写法: 三6.4对象的链判断符的几个注意点7.0 Null 判断运算符对象的新增方法1. Object.is()2. Object.assign()2.1. Object.assign()的注意点2.2 Object.assi
2020-05-14 14:54:01
1630
原创 ES6- 字符串扩展的相关方法
ES6字符串的扩展1. 字符串实例方法: includes(), startsWith(), endsWith()JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。includes(): 返回布尔值，表示是否找到了参数字符串。startsWith(): 返回布尔值，表示参数字符串是否在原字符串的头部endsWith(): 返回布尔值，表示参数字符串是否在原字符串的尾部。let s = 'Hello world!
2020-05-12 14:33:30
207
原创 ES6 变量的解构赋值详解
文章目录变量的解构赋值1.0 数组的解构赋值1. 基本用法2. 解构赋值默认值2.0 对象的解构赋值上面代码中，`foo`是匹配的模式，`baz`才是变量。真正被赋值的是变量`baz`，而不是模式`foo`2.1 对象的嵌套解构3.0 字符串的解构赋值4.0 函数参数的解构赋值5.0 解构赋值的用途1. 交换变量的值2. 从函数返回多个值3.函数参数的定义4. 输入模块的指定方法Summary4. 输入模块的指定方法Summary变量的解构赋值1.0 数组的解构赋值1. 基本用法ES 6 允许
2020-05-12 13:45:30
785
1
原创 ES6中 let 和 const 命令熟悉
文章目录ES61.0 let 和 const 命令1.0 let 命令2.0 块级作用域3.0 ES6 的块级作用域4.0 const 命令5.0 顶层对象的属性总结:总结:ES61.0 let 和 const 命令1.0 let 命令ES6新增了 let命令, 但是它与 var不同的是, let所声明的变量, 只在 let命令所在的代码块内有效.{ let a = '我是let声明变量'; var b = '我是var声明变量'}// console.log(a); /
2020-05-12 10:59:59
230
原创 Vue项目中关闭eslint 检查在控制台的警告
去掉Vue项目中eslint检查控制台的警告信息在Vue脚手架2创建的项目中, 有时候安装的 eslint会经常莫名其妙报一些警告, 控制台有时候也会出现一些多余的警告信息影响我们观察控制台信息, 我们可以通过在 项目的 .eslintrc.js 文件中配置如下 rules的配置来去掉控制台及项目中的一些警告信息// https://eslint.org/docs/user-guide/configuringmodule.exports = { root: true, parserOpt
2020-05-11 23:09:55
4950
原创 Vue基础详细内容, 指令,事件, Class和style样式操作
文章目录Vue基础相关内容1.0 Vue的模板相关语法1 插值2. 强制数据绑定3. 事件监听4. 计算属性5. 监视6. Vue中class样式的操作7. Vue中 style 样式的操作8. v-if 和 v-show 指令9. v-for 指令10.0 事件参数对象传递11.0 事件修饰符和按键修饰符12.0 Vue的生命周期相关的方法13.0 过滤器自定义指令自定义插件自定义指令自定义插件Vue基础相关内容1.0 Vue的模板相关语法1 插值Vue 中通过插值语法来显示数据插值语法是在h
2020-05-11 23:06:49
583
pagehelper
2018-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人