- 博客(3)
- 收藏
- 关注
RSS订阅原创 解决vue3 setInterval()数据更新后，轮播的越来越快问题
定时器更新数据时，可能会导致轮播速度越来越快的问题。这是因为每次组件重新渲染时，都会创建一个新的定时器，导致多个定时器同时运行。需要注意的是，上述代码是使用 Vue 3 的 Composition API 编写的。这样可以确保只有一个定时器在运行，避免轮播速度越来越快的问题。为了解决这个问题，您可以使用 Vue 3 提供的生命周期钩子函数。以下是一个示例代码，展示如何在 Vue 3 中使用。钩子函数在组件挂载时创建定时器，并使用。// 在组件挂载时创建定时器。来管理定时器的创建和销毁。
2024-01-24 18:37:53
504
1
原创 【css快速实现--抖动提醒】
1、首先我们把apply-shake以:class的形式绑定在input框在上，为其添加抖动效果，再通过v-model双向绑定一个name属性。3、其次再在方法中，实现通过判断name值是否为空，转换shakeTaxtName的一个状态，为空的话就转化为true，于是就有了抖动的效果。这个方法很有趣，我也是在抖音关注的程序员小山与bug这位博主发布的视频中所学习到的，大家可以去关注关注，有很多有趣的知识值得我们去学习。这样一个具有抖动效果的页面就实现啦，运用的场景有很多，大家可以多多尝试。
2022-10-31 21:30:43
3381
原创 CSS样式实现水平、垂直居中的五种方法
CSS样式实现水平、垂直居中的五种方法， 首先在这里提前准备好两个盒子，一个设为父级盒子，一个为子级盒子，如下图。
2022-10-27 19:16:13
718
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人