Vue小项目
文章平均质量分 50
本专栏专注于封装Vue自定义指令及组件
叫我阿东就行
前端的那块砖
展开
-
Vue3 一键复制自定义指令
【代码】Vue3 一键复制自定义指令。原创 2024-05-27 20:58:22 · 148 阅读 · 0 评论 -
Vue3利用自定义ref实现防抖
ref的原理也是这样,依赖收集trackRefValue和派发更新triggerRefValue。原创 2024-05-27 16:50:13 · 256 阅读 · 0 评论 -
Vue3自定义节流指令
指令的使用不仅仅如此,指令还可以携带参数,例如v-model="value",还可以带修饰符,例如v-on.once。其实指令就是一个对象,对象中可以有七个钩子函数,每一个钩子函数中还有参数。如果想要更加详细了解vue指令,那么可以看看下面链接的文章。Vue3的自定义指令。原创 2024-05-27 16:17:52 · 152 阅读 · 0 评论 -
Vue3右键菜单组件
【代码】Vue3右键菜单组件。原创 2024-05-24 22:12:09 · 396 阅读 · 0 评论 -
前端接口防止重复请求实现方案
例如用户多次点击按钮,多次请求接口,怎样才能做到将多余的请求筛掉,后端只返回一次结果呢?首先我想到的就是处理,多次发起请求,一段时间间隔内只有一次请求会生效,但想了想还有其他更加好的解决方案。原创 2024-03-29 11:31:23 · 312 阅读 · 0 评论 -
2.Vue 图片懒加载指令
当一个组件或者是一个页面存在着大量的img标签,需要加载大量的图片,如果不使用懒加载处理图片,那么将在页面出现或者组件挂载的时候一次性加载完毕所有的图片,非常消耗性能,还有可能造成白屏时间过长,影响用户的体验感。那么经过懒加载处理的图片,,避免了性能的浪费。原创 2024-03-05 16:19:42 · 422 阅读 · 0 评论 -
1.Vue 防抖及节流指令
如果这个参数为 true,那么事件是在捕获阶段处理的;如果这个参数为 false(或者省略不填),那么事件是在冒泡阶段处理的。addEventListener 方法的第三个参数是一个布尔值,表示事件是在捕获阶段还是在冒泡阶段处理。:布尔值,表示监听器不会调用 preventDefault()。在捕获阶段和冒泡阶段中,事件处理程序可以通过。:布尔值,表示监听器是否在捕获阶段执行。:布尔值,表示监听器是否仅执行一次。来识别当前所处的阶段。原创 2024-03-05 12:17:57 · 357 阅读 · 0 评论