call、apply、bind我们知道，在有些情况下我们为了使用某种特定环境的 this 引用， 这时候我们就需要采用一些特殊手段来处理了，例如我们经常在定时器外部备份 this 引用，然后在定时器函数内部使用外部 this 的引用。 然而实际上对于这种做法我们的 JavaScript 为我们专门提...
标签：前端
vue中有父子组件通信和非父子组件通信。父组件和子组件之间的通信非常简单。父组件通过props将数据传递给子组件。当子组件事件传递给父组件时，它将通过$emit事件传递给父组件。现在就来谈谈两个没有任何关系的组件之间如何进行通信的。一、导入首先创建事件总线将其导出，使其它模块能够使用或者监听它，有两...
函数进阶函数的定义方式函数声明函数表达式new Function函数声明function foo () {}函数表达式var foo = function () {}函数声明与函数表达式的区别函数声明必须有名字函数声明会函数提升，在预解析阶段就已创建，声明前后都可以调用函数表达式类似于变量赋值函数表...
继承构造函数的属性继承：借用构造函数function Person (name, age) { this.type = 'human' this.name = name this.age = age}function Student (name, age) { // 借用构造函数继承属性成员...
构造函数、实例、原型三者之间的关系任何函数都具有一个prototype属性，该属性是一个对象。function F () {}console.log(F.prototype) // => objectF.prototype.sayHi = function () { console.log(...
原型（prototype）Javascript 规定，每一个构造函数都有一个 prototype 属性，指向另一个对象。 这个对象的所有属性和方法，都会被构造函数的实例继承。这也就意味着，我们可以把所有对象实例需要共享的属性和方法直接定义在 prototype 对象上。function Person...
构造函数与实例对象的关系function Person (name, age) { // 当使用 new 操作符调用 Person() 的时候，实际上这里会先创建一个对象 // var instance = {} // 然后让内部的 this 指向 instance 对象 // this =...
面向对象介绍什么是对象？对象到底是什么，我们可以从两个层次来理解1. 对象是单个事物的抽象一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。 2. 对象是...
1. 构造函数，实例化对象和原型对象三者的关系构造函数可以创建实例化对象构造函数中有一个属性叫做prototype，是构造函数的原型对象构造函数的原型对象（prototype）中有一个constructor构造器，这个构造器指向的是自己所在的原型对象所在的构造函数实例化对象的原型对象（__proto...
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。第一种安装方法：1. 进入https://github.com/vuejs/vue-devtools下载源码，如下图2. 下载成功后解...
v-show和v-if的使用v-show和v-if都能够控制dom节点的出现与消失，那么它们怎样使用呢？它俩又有什么区别呢？首先我们使用v-if来看一下<!DOCTYPE html><html lang="en"><head> <meta charse...
vue实例的生命周期钩子函数vue实例从创建到最后的销毁这个过程中会自动的执行一些方法，也被称为vue实例的生命周期钩子函数，具体可以参照vue官方提供的生命周期图片可以看到在vue的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么首先我们列出所有的钩子函数，再根据代码...
v-model实现输入框中数据与页面内容同步代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> ...
v-on指令的使用先上图，我们设置两个按钮：第一种我们直接在行内进行运算，通过v-on绑定click点击事件，当点击按钮时，可以直接加一第二种我们给按钮绑定一个sub方法，再在methods里面来定义这个方法，也能够实现同样的功能<div id="app"> {{ count }}...
v-for指令的使用<div id="app"> <ul> <li v-for="(item,index) in msg1">{{ item }}---{{ index }}</li> <br> ...
