在本文中，将探讨如何利用 Vue 自定义指令来实现一个局部遮罩层效果，该遮罩层能够覆盖指定元素。我们将使用 Vue 3 和 TypeScript，结合 CSS 动画，创建一个简易加载动画。

防抖的核心思想：在事件被触发后，延迟一定时间再执行事件处理函数，如果在这段时间内又触发了相同的事件，则销毁上一次，重新计时。

在后台系统中有一种常见的功能，点击按钮将整个网页全屏，再点击退出全屏。 浏览器提供了2种全屏方式，一种通过API在js中实现，另一种是按F11键进入全屏模式。