- 博客(6)
- 收藏
- 关注
原创 如何优雅地等待 Vue 组件准备好后再操作 Canvas?
本文介绍如何在Vue应用中通过Promise和事件回调机制确保Canvas上下文准备就绪后再执行绘图操作。子组件在mounted钩子中获取Canvas上下文并通过$emit传递给父组件,父组件创建Promise并监听该事件,在事件触发时resolve Promise。绘图函数使用await等待Promise解决,确保上下文加载完成。这种设计实现组件解耦、逻辑清晰,可扩展错误处理和超时机制,适用于各种需要等待资源加载的场景。
2025-07-14 11:15:05
489
原创 js防抖(debounce) 和 节流(throttling)
关于js的防抖和节流看例子:当鼠标在橙色区域来回移动时可以看到数值在不可控的快速增加,说明该函数被频繁触发。对于这种快速连续触发和不可控的高频率触发问题,我们有 防抖(debounce) 和 节流(throttle) 这两种解决方法。防抖(debounce)所谓防抖,就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。防抖函数分为非立即执行版和立即执行版。//准备工作 let num = 1;//定义一个初始值 let content
2021-09-30 10:48:30
279
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人