Der Hauptzweck der Veröffentlichung von Artikeln besteht darin, mein Wissen zu festigen und kompetenter zu werden. Es basiert alles auf meinem eigenen Verständnis und den Informationen, die ich online gesucht habe. Ich hoffe, Sie können mir einen Rat geben. Das Folgende ist eine Zusammenfassung häufiger Interviewfragen, die ich weiterhin aktualisieren werde, um mich zu motivieren
__proto__
-Attribut, das auf sein Prototypobjekt verweist, und der Konstruktor dieses Instanzobjekts verfügt über ein Prototypattribut prototype
, das mit dem identisch ist das __proto__ des Instanzobjekts. Wenn das Objekt nach dem Wert eines Attributs sucht, sucht es nach seinem Prototyp
, falls dieser nicht vorhanden ist. Das Instanzobjekt wird generiert. Wenn es noch nicht vorhanden ist, wird die Suche nach dem Prototypobjekt des Objekts fortgesetzt code>Prototypenkette. 2. Die Beziehung zwischen Prototyp, Konstruktor und Instanzobjekt__proto__
属性,改属性指向他的原型对象,且这个实例对象的构造函数都有一个原型属性prototype
,与实例对象的__proto__属性指向同一个对象,当这个对象在查找一个属性的值时,自身没有就会根据__proto__向他的原型
上寻找,如果不存在,则会到生成这个实例对象的构造函数的原型对象上寻找,如果还是不存在,就继续道Object的原型对象上找,在往上找就为null了,这个链式寻找的过程,就被称为原型链
。
首先从构造函数说起,构造函数通过prototype
指向他的原型对象,原型对象通过他的constructor
属性指回这个构造函数,表明原型对象是由哪个构造函数生成的。原型对象通过new关键字生成的实例对象,这个实例对象可以通过__proto__
属性指向生成这个实例对象的构造函数的原型对象,实现一个三角关系。
继承的方式有很多种,网上的答案都有很多,我自己总结且大致说的明白的有这五种
1)原型链继承
借助原型可以基于已有的对象创建对象,同时还不必因此创建自定义类型。 在 object()函数内部,先创建一个临时的构造函数,然后将传入的对象作为这个构造 函数的原型,最后返回了这个临时类型的一个新实例。关键代码:Star.proyotype = new Person(), Star.proyotype.constructor = Star
缺点:只能继承父类的方法
2)借用构造函数继承
在子类构造函数的内部调用超类型构造函数。可以通过使用 apply()
和 call()
方 法在新创建的对象上执行构造函数。关键代码:Person.call(this,age,name)
缺点:无法复用,只能继承父类的属性
3)组合继承
也叫伪经典继承。指的是将原型链和借用构造函数的技术组合到一 起,从而发挥二者之长。使用原型链实现对原型属性属性和方法的继承,通过借用构造函数来实现实例 属性的继承。
既通过在原型上定义方法实现了函数复用,又能保证每一个实例都有它自己的属性。但是会有一个小bug,里面的age,name,有两份,有一份的值为undefined,因为里面的apply()
和call()
方法会自动多调用一次。
4)寄生组合继承
通过借用构造函数来继承属性,通过原型链的混成形式来继承方法。 本质上,就是使用寄生式继承来继承超类型的原型,然后再将结果指定给子类型的原型。是公认继承比较全面的一种方法,要写全的话还是非常多的,我只会一个简单的?,关键代码:Star.prototype = Object.create(Person.prototype)
5)ES6的Class类继承方式
可利用class关键字配合extends关键字来实现继承。ES6中引入了class关键字来声明类,而class(类)可通过extends
来继承父类中属性和方法,super
指向父类的原型对象,可以调用父类的属性和方法,且子类constructor方法中必须有super关键字,且必须出现在this之前。
数据类型从大的方向来说分为两种
typeof
Beginnen wir zunächst mit dem Konstruktor, der über prototype
darauf verweist Das Objekt verweist über sein constructor
-Attribut auf den Konstruktor und gibt an, von welchem Konstruktor das Prototypobjekt generiert wurde. Das Prototypobjekt ist ein Instanzobjekt, das durch das Schlüsselwort new generiert wird. Dieses Instanzobjekt kann über das Attribut __proto__
auf das Prototypobjekt des Konstruktors verweisen, der das Instanzobjekt generiert, wodurch eine Dreiecksbeziehung realisiert wird.
Star.proyotype = new Person(), Star.proyotype.constructor = Star
Nachteile: Es können nur Methoden der übergeordneten Klasse geerbt werden🎜🎜🎜2) Ausleihen der Konstruktorvererbung🎜🎜🎜 im Unterklasse Intern ruft der Konstruktor den Supertyp-Konstruktor auf. Konstruktoren können auf neu erstellten Objekten ausgeführt werden, indem die Methoden apply()
und call()
verwendet werden. Schlüsselcode: Person.call(this, age, name)
Nachteile: kann nicht wiederverwendet werden, kann nur die Attribute der übergeordneten Klasse erben🎜🎜🎜3) Kombinationsvererbung🎜🎜🎜 wird auch Pseudo- genannt klassische Vererbung. Es bezieht sich auf die Kombination der Techniken der Prototypenverkettung und der Kreditaufnahme von Konstruktoren, um das Beste aus beiden Welten zu nutzen. Verwenden Sie die Prototypkette, um Prototypeigenschaften und -methoden zu erben, und leihen Sie Konstruktoren aus, um Instanzeigenschaften zu erben.
Es realisiert nicht nur die Wiederverwendung von Funktionen durch die Definition von Methoden im Prototyp, sondern stellt auch sicher, dass jede Instanz über eigene Attribute verfügt. Aber es wird einen kleinen Fehler geben. Es gibt zwei Kopien von Alter und Name, und eine davon hat den Wert undefiniert, weil apply()
und call()
Die darin enthaltenen Methoden werden noch einmal automatisch aufgerufen. 🎜🎜🎜4) Parasitäre Kombinationsvererbung🎜🎜🎜 erbt Eigenschaften durch Ausleihen von Konstruktoren und erbt Methoden durch die Hybridform der Prototypenkette. Im Wesentlichen verwenden Sie die parasitäre Vererbung, um vom Prototyp des Supertyps zu erben und das Ergebnis dann dem Prototyp des Subtyps zuzuweisen. Es wird als umfassende Vererbungsmethode erkannt. Wenn Sie alles schreiben möchten, ist es immer noch sehr einfach, den Schlüsselcode zu verwenden: Star.prototype = Object.create(Person.prototype )
🎜 🎜🎜5) Die Klassenvererbungsmethode „Class“ von ES6 🎜🎜🎜 kann das Schlüsselwort „class“ zusammen mit dem Schlüsselwort „extends“ verwenden, um eine Vererbung zu erreichen. Das Schlüsselwort class wurde in ES6 eingeführt, um eine Klasse zu deklarieren. Eine Klasse (Klasse) kann die Attribute und Methoden der übergeordneten Klasse über extends
erben, und super
zeigt darauf Prototypobjekt der übergeordneten Klasse können aufgerufen werden, und das Schlüsselwort super muss in der Konstruktormethode der Unterklasse enthalten sein und vor dieser stehen. 🎜typeof
Erkennungsprobleme: null oder Das Array wird als Objekt gedruckt🎜instanceof
(kann nur komplexe Datentypen erkennen)
Der Rückgabewert ist wahr oder falsch
Solange sich der entsprechende Konstruktor in der Prototypenkette befindet, ist er wahr, andernfalls ist er falsch. Er kann verwendet werden, um zu erkennen, ob es sich um ein Array handeltinstanceof
(只能检测复杂数据类型)
返回值是 true 或者 false
相关的构造函数只要在原型链上,就是 true,否则就是 false 可以用于检测是不是数组
Object.prototype.toString.call
(要检测的数据值)
为什么要借 Object.prototype.toString,因为自己的 toString 被自己原型重写了,得不到类似[object Object]
var arr = [2, 3, 4] console.log(arr instanceof Array) console.log(Array.isArray(arr)) console.log(Object.prototype.toString.call(arr))
浅拷贝:只是拷贝一层,更深层次对象级别的只拷贝了地址
深拷贝:层层拷贝,每一级别的数据都会拷贝
浅拷贝方法:
1. 使用 lodash 浅拷贝 clone
方法,让他们俩指向不同地址
2. 使用 Object.assign
方法
3. 使用es6语法的 ...
拓展运算符
深拷贝方法:
1. 使用JSON.parse(JSON.stringify(obj))
,缺点:当对象有方法和undefined属性的时候会丢失
2. 使用递归
循环引用
就会出现堆栈溢出
let obj = { name: "zs", age: 20, father: [2, 3, 4], }; function deepClone(target) { //这一行如果不用三元判断 如果是数组会有bug会被拷贝成伪数组对象 let tempObj = Array.isArray(target) ? [] : {}; for (let key in target) { if (typeof target[key] === "object") { tempObj[key] = deepClone(target[key]); } else { tempObj[key] = target[key]; } } return tempObj; } let obj1 = deepClone(obj); console.log(obj1);
数组删除
的方法1.splice改变原数组,slice不改变原数组。
2.slice会返回一个新的数组,可以用于截取数组
3.splice除了可以删除之外,还可以替换,添加数组
4.splice可传入3个参数,slice接受2个参数
两者的作用都是截取字符串
的
substr是从起始索引号开始提取指定长度的字符串
substring是提取字符串中两个指定索引号之间的字符
let和const都是用来声明变量
的,在ES5中我们可以使用var来进行变量声明
-使用let和const作用
- 防止for循环中变量提升的经典场景
- 不污染全局变量
var关键字声明变量
1.var关键字声明变量存在,变量提升
的问题;
2.var声明的变量不存在块级作用域
,如果是全局变量在任何地方都可以调用;
3.var声明变量如果名称重复了,后面声明的会将前面声明的覆盖掉;
let关键子声明变量
1.不存在变量提升
,let声明变量不存在变量提升的问题:如果在let声明变量前调用该变量就会报错(提示初始化前无法访问该变量);
2.块级作用域
,let声明变量存在块级作用域(全局、函数、eval严格模式),只在当前的代码块中生效,如果在当前代码块以外调用就会报错(当前的变量没有定义);
3.不影响作用域链的操作
4.不允许变量重复声明
,let声明的变量是不允许重复声明的,如果同一个名称被重复声明了就会报错(当前的标识已经被声明了);
const声明变量
1.const声明的变量也具有:不存在变量提升
、块级作用域
、不允许重复声明
的特点;
2.const声明的变量都是常量
(不允许改变的量),一旦声明就不允许被修改,如果修改就会报错--常数变量赋值
3.一般第三方的框架中会大量使用const声明变量,这样可以避免用户修改框架中的变量;
4.const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址
Object.prototype.toString.call
(zu erkennender Datenwert)function debounce(func, delay) { let timer = null // 计时器 return function (...args) { clearTimeout(timer) // 清除上一次计时器 timer = setTimeout(() => { // 重新定时 func.apply(this, args) }, delay) } }
clone
-Methode von lodash, um beide auf unterschiedliche Adressen zu verweisen.Object.assign
-Methode....
Erweiterungsoperator der es6-SyntaxJSON.parse(JSON.stringify(obj))
: Wenn das Objekt Methoden und undefinierte Eigenschaften hat, gehen diese verlorenRekursion
Wenn es eine zyklische Referenz
gibt, : Speichern Sie die verarbeiteten Objekte und verarbeiten Sie neue. Suchen Sie in diesem Speicherort nach, ob sie verarbeitet wurden. Wenn ja, geben Sie sie einfach zurück
function throtte(func, time) { let timer = null // 计时器 return function (...args) { if (timer) return // 无视,直接返回 timer = setTimeout(() => { func.apply(this, args) }, time) } }
8, Slice und Splice Der Unterschied
Array-Löschung
9 Der Unterschied zwischen substr und substring
Strings
abfangen 🎜🎜🎜substr dient zum Extrahieren einer Zeichenfolge mit angegebener Länge beginnend mit der Startindexnummer 🎜🎜🎜🎜substring dient zum Extrahieren der Zeichen zwischen zwei angegebenen Indexnummern in der Zeichenfolge 🎜🎜🎜Deklarieren von Variablen
verwendet. In ES5 können wir var zum Deklarieren von Variablen verwenden.
-Verwenden Sie let und constVerschmutzen Sie keine globalen Variablen
🎜🎜🎜Var-Schlüsselwort deklariert Variablen🎜🎜🎜1.var Die Schlüsselwortdeklarationsvariable vorhanden, Variablenförderung
-Problem;Blockebenenbereich
, es wird überall sein Kann aufgerufen werden;Bereich auf Blockebene code>, let deklariert, dass Variablen im Bereich auf Blockebene existieren (global, Funktion, strikter Auswertungsmodus) und nur im aktuellen Codeblock wirksam sind, wenn sie aufgerufen werden Außerhalb des aktuellen Codeblocks wird ein Fehler gemeldet (die aktuelle Variable ist nicht definiert);<br>3.<code>Hat keinen Einfluss auf den Betrieb der Bereichskette
Die wiederholte Deklaration von Variablen ist nicht zulässig. Die wiederholte Deklaration von Variablen durch let ist nicht zulässig. Wenn ein Name wiederholt deklariert wird, wird ein Fehler gemeldet (der aktuelle Bezeichner wurde bereits deklariert). 🎜🎜Const-deklarierte Variablen🎜🎜🎜1. Const-deklarierte Variablen haben außerdem: <code>Keine Variablenförderung
, Blockebenenbereich
, wiederholte Deklarationen sind nicht zulässig
;Konstanten
(Änderungen sind nicht zulässig). Sobald sie deklariert sind, dürfen sie nicht geändert werden, und wenn sie geändert werden, wird ein Fehler gemeldet - Konstante VariablenzuweisungSpeicheradresse
gespeichert, auf die die Variable zeigt, sodass er einer Konstante entspricht. 🎜🎜🎜11. Der Prozess von new🎜🎜🎜🎜🎜 erstellt ein neues leeres Objekt. (d. h. Instanzobjekt)🎜🎜🎜🎜Lassen Sie dies auf dieses neue Objekt verweisen🎜🎜🎜🎜Führen Sie den Code im Konstruktor aus, fügen Sie Eigenschaften und Methoden zu diesem neuen Objekt hinzu🎜🎜🎜🎜Geben Sie dieses neue Objekt obj zurück. (Der Rückgabewert wird nicht in den definierten Konstruktor geschrieben.) 🎜🎜🎜🎜🎜12. Anti-Shake-Drosselung🎜🎜🎜🎜Anti-Shake🎜🎜function debounce(func, delay) { let timer = null // 计时器 return function (...args) { clearTimeout(timer) // 清除上一次计时器 timer = setTimeout(() => { // 重新定时 func.apply(this, args) }, delay) } }
节流
function throtte(func, time) { let timer = null // 计时器 return function (...args) { if (timer) return // 无视,直接返回 timer = setTimeout(() => { func.apply(this, args) }, time) } }
这点简单介绍概念,用法后面在详细介绍
1) . 初始态pending
- pending。它的意思是 "待定的,将发生的",相当于是一个初始状态。创建[Promise]对象时,且没有调用resolve或者是reject方法,相当于是初始状态。这个初始状态会随着你调用resolve,或者是reject函数而切换到另一种状态。
2 ). 成功态resolved--
也叫fulfilled
- resolved。表示解决了,就是说这个承诺实现了。 要实现从pending到resolved的转变,需要在 创建Promise对象时,在函数体中调用了resolve方法(即第一个参数)。
3) . 失败态rejected
- rejected。拒绝,失败。表示这个承诺没有做到,失败了。要实现从pending到rejected的转换,只需要在创建Promise对象时,调用reject函数。
// 上口诀 双层for循环 外层长度-1 内层长度-1-i let arr = [4, 3, 1, 7, 8, 10] for (let i = 0; i arr[j + 1]) { let temp = arr[j] arr[j] = arr[j + 1] arr[j + 1] = temp } } } console.log(arr)
MVVM
是三个单词的缩写,model
(数据,一般来自ajax或本地存储)+view
(视图template)+viewmodel(vue实例)
好处
:降低了耦合性
)1.分别是创建阶段的beforeCreate
,created
,一般在beforeCreate写loading加载效果,使用户体验更好,一般在created中发送ajax请求获取数据
2.然后是挂载阶段的beforeMount
,mounted
,一般会在mounted中操作DOM元素
3.更新阶段的是beforeUpdate
,updated
,当数据更新时需要做统一的业务处理时,拿到最新的dom,可以使用updated 这个钩子函数
4.最后是销毁阶段的beforeDestroy
,destroyed
,可以在beforeDestroy做一些清理的工作,比如说定时器 和解绑一些addEventListener监听的事件
keep-alive
的两个钩子函数,使用场景是当组件切换时会进行销毁,因此组件中的初始化的4个钩子函数会多次执行,比较浪费资源,此时可以使用keep-alive纪行组件的缓存,可以让组件切换时不被销毁,keep-alive有两个独有的钩子函数,分别是activated
和deactivated
,是组件激活和失活时会执行的两个钩子函数)单向数据流是指父组件向子组件传递数据,子组件通过props
接收,当父组件中的值改变了,子组件中对应的数据也会改变,因为props是只读
的,所以无法直接在子组件中对父组件传递过来的值进行修改,但是如果这个数据是一个引用数据类型,是可以直接在子组件中修改数据中的某个属性的,只要不改变这个数据的内存地址
就可以
vue中普通指令都可以实现数据变了,视图会跟着变,但是有一个特殊的指令叫v-model
,它一般用于表单控件,它可以实现双向数据绑定,所谓的双向数据就是数据变了,视图就会跟着改变,反过来也是
v-model
一般配合input
框使用,实现双向数据绑定的效果,它是v-bind
和v-on
的语法糖,原理是通过v-bind将数据绑定给input框,再通过v-on:input
,在input中的值改变时,通过$event可以获取到事件源对象 再通过target.value
获取到input中更新后的值 将这个值再赋值给绑定的数据即可
在vue的组件使用自定义事件时,$event代表子组件抛出的数据,当这个自定义事件触发一个方法时, 可以不传$event而且可以在方法中进行接收,但是如果写的话就一定要写成$event的形式,这是一个固定写法, 或者这个方法既要传参又要使用事件对象,这个时候$event也是必须要写的 - @click='fn' 在回调函数直接通过参数可以拿到事件对象 - @click='fn($event)' 这个时候@event是固定写法
1.初始化阶段时,先执行父组件的beforeCreate
、created
、beforeMount
三个钩子函数,然后执行子组件的beforeCreate
、created
、beforeMount
、mounted
四个钩子函数,最后执行父组件的mounted钩子函数
2.更新阶段,先执行父组件的beforeUpdate
,然后执行子组件的beforeUpdate
,updated
,最后执行父组件的updated
3.销毁阶段,先执行父组件的beforeDestroy
,然后执行子组件的eforeDestroy
,destroyed
,最后执行父组件的destroyed
v-if
和v-show
都可以控制标签,实现组件的显示与隐藏,不同点是v-show是通过display
的block和none
属性来控制的,当元素隐藏时,页面结构依然存在
v-if是通过将元素创建和销毁来控制显示与隐藏的,当v-if的条件为否时,会直接销毁该元素,当满足时会重新创建出来,有可能会影响页面的回流或重绘
如果该元素需要频繁切换时可以使用v-show,不需要频繁切换时可以使用v-if,提高性能
template
将v-if写在循环的外部,这样当不满足v-if的判断条件时,就不会再执行v-for了,也可以将数据放在计算属性
里面计算过滤出来的数据在交给v-for循环,代替v-if的作用,即可解决。应用场景
v-imgerror
公司项目中有的用户头像可能加载报错,可以给他一张默认图片, onerror this.img=默认图片
v-focus
打开带有搜索的页面的时候,实现自动把光标定位到 input 中
自定义指令的钩子函数
1.bind
属性绑定的时候执行 只会有一次
2. inserted
当前指令所在的元素插入到页面中的时候执行一次
3. update
当前指令所在的组件中的 data 数据有更新就会执行,可以执行多次
// 指令的钩子有三个 bind inserted update // bind inserted 只会执行一次 // update 会反复执行 Vue.directive('focus', { inserted(el) { el.focus() }, }) Vue.directive('red', { bind(el) { el.style.color = 'red' }, }) Vue.directive('check', { update(el) { const reg = /^[a-zA-Z0-9]+$/ if (reg.test(el.value)) { el.style.color = 'green' } else { el.style.color = 'red' } }, })
这块部分理解不是很透彻,大家浅看一下就可以了?
cache-control
, last-modified
, etag
(als Antwortnachricht)
expire
, catch-control
(falls vorhanden, Die Priorität besteht darin, cache-control
zu sehen. Wenn es nicht abgelaufen ist, verwenden Sie es einfach (dies ist ein starker Cache). Ich habe jedoch festgestellt, dass es nach Ablauf in die Cache-Aushandlungsphase übergeht. und sendet eine Anfrage an den Server, um if-modified-since
(der Wert ist last-modified
)/if-none -match(etag) zu ändern. code> übergibt die Anfrage und der Server beginnt mit dem Vergleich, um festzustellen, ob die Ressourcen auf dem Server neuer sind als die lokalen. Wenn die Serverressourcen noch alt sind, wird der Statuscode 304 zurückgegeben. 304, verwenden Sie weiterhin lokale Offline-Ressourcen, der Statuscode ist 200 und der Server muss eine neue logo.png an den Browser übergeben und der Vorgang muss erneut abgeschlossen werden
expire
,cache-control
,last-modified
,etag
(响应报文中)expire
,catch-control
(如果有,优先级是看cache-control
),如果没有过期,就用就行了(这块属于强缓存) 但是发现如果过期了,就开始进入协商缓存的阶段,就向服务器发送一个请求把if-modified-since
(值就是last-modifyed
)/if-none-match(etag)
通过请求头发过去, 服务器开始对比看看服务器上的资源有没有比本地更新一点,如果服务器资源还是旧的,返回一个状态码叫304,浏览器一看状态是304就继续用本地离线资源,如果服务器资源有更新的资源,状态码就是200,服务器就需要传给浏览器一个新的logo.png,流程重新再走一遍本人技术栈是主要是前端vue的,所以对这方面的知识还是有所欠缺的,尽量说的明白一点,其实我也不是很懂,大致明白,如果想要全面理解透还是需要很多技术储备的,很明显我不是的哈哈?
观察者模式即一个对象被多个对象所依赖,当被依赖的对象发生更新时,会自动通知所有依赖的对象
观察者模式定义了对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知,并自动更新
比喻:
宝宝 -> 父母爷爷奶奶 一对多的依赖关系
宝宝哭 -> 父母爷爷奶奶赶紧过来服务 当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知,并自动更新
模式特点: 有二个主体
一个是被观察者 Dep
一个是观察者 watcher
,在vue中v-band
就是采用这种模式理念,缺点是耦合性太高
发布-订阅模式其实是一种对象间一对多的依赖关系,当一个对象的状态发送改变时,所有依赖于它的对象都将得到状态改变的通知。
在现在的发布订阅模式中,称为发布者的消息发送者不会将消息直接发送给订阅者,这意味着发布者和订阅者不知道彼此的存在。在发布者和订阅者之间存在第三个组件,称为调度中心或事件通道(event bus),它维持着发布者和订阅者之间的联系,过滤所有发布者传入的消息并相应地分发它们给订阅者
模式特点:有三个主体
发布者 调度中心 订阅者,在vue中eventBus
体现出来了这种模式理念,可以实现解耦
主体数量不一样,观察者模式有二个主体 分别是被观察者 Dep
和观察者 watcher
Metapher:
zwei Themen
und einer ist der Beobachter Dep
. Einer ist der Beobachter watcher
. In vue übernimmt v-band
den Nachteil dass die Kopplung zu hoch ist. Wenn sich der Status eines Objekts ändert, werden alle davon abhängigen Objekte über Statusänderungen benachrichtigt.
🎜🎜🎜Im aktuellen Publish-Subscribe-Modell sendet der Nachrichtensender namens Publisher keine Nachrichten direkt an Abonnenten, was bedeutet, dass Publisher und Abonnenten nicht wissen, dass sie voneinander existieren. Zwischen dem Herausgeber und dem Abonnenten gibt es eine dritte Komponente, das sogenannte Dispatch Center oder Event Bus, das die Verbindung zwischen dem Herausgeber und dem Abonnenten aufrechterhält, alle eingehenden Nachrichten vom Herausgeber filtert und entsprechend reagiert und sie an die Abonnenten verteilt 🎜🎜🎜🎜 Funktionen Modell: Es gibtdrei Subjekte
Abonnenten des Herausgeber-Dispatch-Centers, und eventBus
in Vue verkörpert dieses Modellkonzept, das eine Entkopplung erreichen kann🎜🎜🎜Dep
und den Beobachter watcher
, und der Publish-Subscribe-Modus hat drei Subjekte, nämlich das Publisher Dispatching Center (Ereigniskanal) Subscriber 🎜🎜🎜 🎜Im Vergleich zum Beobachtermodus verfügt der Publish-Subscribe-Modus über einen weiteren Ereigniskanal. Der Ereigniskanal dient als Versandzentrum für die Verwaltung des Abonnements und der Veröffentlichung von Ereignissen, wodurch die Abhängigkeitsbeziehung zwischen dem Abonnenten und dem Herausgeber vollständig isoliert wird und Herausgeber. Die beiden sind entkoppelt (wissen nicht, dass es sie gibt) 🎜(Lernvideo-Sharing: Erste Schritte mit dem Web-Frontend, jQuery-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonFassen Sie einige häufig gestellte Front-End-Interviewfragen (mit Antworten) zusammen, um Ihr Wissen zu festigen!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!