Tipps für Vorstellungsgespräche

Was ist neu in CSS3:

边框属性:border-color:设置多个颜色(并列写)
border-image: 用图片作边框
border-radius:圆角
border-shadow:阴影(正负决定方向)
背景属性:background-size:背景图尺寸
background-clip只是将背景和背景色粗暴的裁剪
background-origin:背景图从哪里开始显示
background-clip:背景图片从哪开始剪裁
属性:content-box:从内容开始填充
padding-box:从内边距出开始填充
border-box:从边框开始填充
文字效果:text-shadow:文字阴影
word-wrap:自动换行(主要处理单词的折断)
white-space【旧】:设置处理元素内的空白
动画:transform,animation
过渡效果::hover、:focus、:active、:checked
选择器:层级选择器(子代,后代),伪类选择器(单冒号),伪元素选择器(双冒号)

Anti-Shake-Drosselung

Anti-Shake: Anti-Shake bedeutet, dass der Rückruf n Sekunden nach Auslösung des Ereignisses ausgeführt wird. Wenn er innerhalb von n Sekunden erneut ausgelöst wird, wird die Zeit neu berechnet. (Das heißt, nachdem ein Ereignis ausgelöst wurde, wird die Anfrage vor dem nächsten Trigger nur gesendet, wenn das Intervall in der Mitte die festgelegte Zeit überschreitet, und die Anfrage wird nicht gesendet, wenn sie ausgelöst wurde.)

方法:Verwenden Sie den Timer, um eine Verzögerungszeit festzulegen, bei der es sich um ein Ereignis handelt, das kontinuierlich ausgelöst wird. Die Anforderung wird nur ausgeführt, wenn das Zeitintervall einen bestimmten Wert überschreitet. Wenn dieser nicht erfüllt ist, wird der Timer gelöscht und erneut ausgeführt.

应用场景:
1、scroll事件滚动触发,
2、搜索框输入查询
3、表单验证
4、按钮提交事件
5、浏览器窗口缩放,resize事件

Drosselung: bedeutet, dass ein Ereignis, das kontinuierlich ausgelöst wird, alle n Sekunden ausgeführt wird

方法:Timer, nach mehreren Auslösern wird das feste Ereignis einmal ausgeführt

应用场景:
1、DOM元素的拖拽功能实现
2、计算鼠标移动的距离
3、监听scroll事件

Kommunikation zwischen Komponenten:

父传子, 子传父, vuex, 本地存储, 事件总线
事件总线:Erstellen Sie zuerst eine JS-Datei, importieren Sie Vue aus 'vue',
exportieren Sie const EventBus = new Vue () oder fügen Sie es in den Prototyp von Vue ein. Verwenden Sie:
$on(eventName, listener):Benutzerdefinierten Ereignis-Listener binden,
$emit(eventName, data):benutzerdefiniertes Ereignis verteilen,
$off(eventName):benutzerdefiniertes Ereignis aufheben und
$once(eventName, listener): auf die Bindung hören Event-Listener, kann aber nur einmal verarbeitet werden

Supongo que te gusta

Origin blog.csdn.net/weixin_50370865/article/details/128449017
Recomendado
Clasificación