call、apply、bind我們知道，在有些情況下我們?yōu)榱耸褂媚撤N特定環(huán)境的 this 引用， 這時(shí)候我們就需要采用一些特殊手段來(lái)處理了，例如我們經(jīng)常在定時(shí)器外部備份 this 引用，然后在定時(shí)器函數(shù)內(nèi)部使用外部 this 的引用。 然而實(shí)際上對(duì)于這種做法我們的 JavaScript 為我們專門提...
標(biāo)簽：前端
vue中有父子組件通信和非父子組件通信。父組件和子組件之間的通信非常簡(jiǎn)單。父組件通過(guò)props將數(shù)據(jù)傳遞給子組件。當(dāng)子組件事件傳遞給父組件時(shí)，它將通過(guò)$emit事件傳遞給父組件。現(xiàn)在就來(lái)談?wù)剝蓚€(gè)沒(méi)有任何關(guān)系的組件之間如何進(jìn)行通信的。一、導(dǎo)入首先創(chuàng)建事件總線將其導(dǎo)出，使其它模塊能夠使用或者監(jiān)聽它，有兩...
函數(shù)進(jìn)階函數(shù)的定義方式函數(shù)聲明函數(shù)表達(dá)式new Function函數(shù)聲明function foo () {}函數(shù)表達(dá)式var foo = function () {}函數(shù)聲明與函數(shù)表達(dá)式的區(qū)別函數(shù)聲明必須有名字函數(shù)聲明會(huì)函數(shù)提升，在預(yù)解析階段就已創(chuàng)建，聲明前后都可以調(diào)用函數(shù)表達(dá)式類似于變量賦值函數(shù)表...
繼承構(gòu)造函數(shù)的屬性繼承：借用構(gòu)造函數(shù)function Person (name, age) { this.type = 'human' this.name = name this.age = age}function Student (name, age) { // 借用構(gòu)造函數(shù)繼承屬性成員...
構(gòu)造函數(shù)、實(shí)例、原型三者之間的關(guān)系任何函數(shù)都具有一個(gè)prototype屬性，該屬性是一個(gè)對(duì)象。function F () {}console.log(F.prototype) // => objectF.prototype.sayHi = function () { console.log(...
原型（prototype）Javascript 規(guī)定，每一個(gè)構(gòu)造函數(shù)都有一個(gè) prototype 屬性，指向另一個(gè)對(duì)象。 這個(gè)對(duì)象的所有屬性和方法，都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承。這也就意味著，我們可以把所有對(duì)象實(shí)例需要共享的屬性和方法直接定義在 prototype 對(duì)象上。function Person...
構(gòu)造函數(shù)與實(shí)例對(duì)象的關(guān)系function Person (name, age) { // 當(dāng)使用 new 操作符調(diào)用 Person() 的時(shí)候，實(shí)際上這里會(huì)先創(chuàng)建一個(gè)對(duì)象 // var instance = {} // 然后讓內(nèi)部的 this 指向 instance 對(duì)象 // this =...
面向?qū)ο蠼榻B什么是對(duì)象？對(duì)象到底是什么，我們可以從兩個(gè)層次來(lái)理解1. 對(duì)象是單個(gè)事物的抽象一本書、一輛汽車、一個(gè)人都可以是對(duì)象，一個(gè)數(shù)據(jù)庫(kù)、一張網(wǎng)頁(yè)、一個(gè)與遠(yuǎn)程服務(wù)器的連接也可以是對(duì)象。當(dāng)實(shí)物被抽象成對(duì)象，實(shí)物之間的關(guān)系就變成了對(duì)象之間的關(guān)系，從而就可以模擬現(xiàn)實(shí)情況，針對(duì)對(duì)象進(jìn)行編程。?2. 對(duì)象是...
1. 構(gòu)造函數(shù)，實(shí)例化對(duì)象和原型對(duì)象三者的關(guān)系構(gòu)造函數(shù)可以創(chuàng)建實(shí)例化對(duì)象構(gòu)造函數(shù)中有一個(gè)屬性叫做prototype，是構(gòu)造函數(shù)的原型對(duì)象構(gòu)造函數(shù)的原型對(duì)象（prototype）中有一個(gè)constructor構(gòu)造器，這個(gè)構(gòu)造器指向的是自己所在的原型對(duì)象所在的構(gòu)造函數(shù)實(shí)例化對(duì)象的原型對(duì)象（__proto...
vue-devtools是一款基于chrome游覽器的插件，用于調(diào)試vue應(yīng)用，這可以極大地提高我們的調(diào)試效率。接下來(lái)我們就介紹一下vue-devtools的安裝。第一種安裝方法：1.? 進(jìn)入https://github.com/vuejs/vue-devtools下載源碼，如下圖2. 下載成功后解...
v-show和v-if的使用v-show和v-if都能夠控制dom節(jié)點(diǎn)的出現(xiàn)與消失，那么它們?cè)鯓邮褂媚?？它倆又有什么區(qū)別呢？首先我們使用v-if來(lái)看一下<!DOCTYPE html><html lang="en"><head> <meta charse...
vue實(shí)例的生命周期鉤子函數(shù)vue實(shí)例從創(chuàng)建到最后的銷毀這個(gè)過(guò)程中會(huì)自動(dòng)的執(zhí)行一些方法，也被稱為vue實(shí)例的生命周期鉤子函數(shù)，具體可以參照vue官方提供的生命周期圖片可以看到在vue的生命周期中會(huì)有很多鉤子函數(shù)提供給我們?cè)趘ue生命周期不同的時(shí)刻進(jìn)行操作, 那么首先我們列出所有的鉤子函數(shù)，再根據(jù)代碼...
v-model實(shí)現(xiàn)輸入框中數(shù)據(jù)與頁(yè)面內(nèi)容同步代碼如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> ...
v-on指令的使用先上圖，我們?cè)O(shè)置兩個(gè)按鈕：第一種我們直接在行內(nèi)進(jìn)行運(yùn)算，通過(guò)v-on綁定click點(diǎn)擊事件，當(dāng)點(diǎn)擊按鈕時(shí)，可以直接加一第二種我們給按鈕綁定一個(gè)sub方法，再在methods里面來(lái)定義這個(gè)方法，也能夠?qū)崿F(xiàn)同樣的功能<div id="app"> {{ count }}...
v-for指令的使用<div id="app"> <ul> <li v-for="(item,index) in msg1">{{ item }}---{{ index }}</li> <br> ...
