- 博客(5)
- 收藏
- 关注
原创 jq实现简单的反应测试
上述代码通过设置测试函数以及颜色变化函数来使得测试的进行,通过鼠标按下事件mousedown来控制点击后的变化,以及下一次测试的推进,逻辑很简单,就时记录颜色开始变化的时间以及用户点击的时间,相减及得到了用户的反应速度。使用flag来避免用户的提前点击从而使得测试不准确,代码逻辑比较简单,不懂的话可以私信询问我。
2024-06-24 23:27:08
964
4
原创 鼠标进入和离开事件的注意
可以明显看到在父元素上设置的mouseover事件对于在子元素上同样生效,但需要注意的一点就是,mouseout事件在于你鼠标进入子元素上时就会生效,这一点尤其需要注意,虽说违背了本身离开这个元素的意思,但是没想到进入子元素也算离开。因为网易云的播放条离开时是有setTimeout的,所以我们需要在进入的时候清楚定时器,否则在子元素上会有out效果,导致它会处于out-enter的循环,会出现波动。就正常的鼠标进入和离开的例子,最简单的情况就是只有一个元素,如下面代码。现在讨论存在子元素的情况。
2024-03-14 21:41:21
503
1
原创 无缝轮播图(vue的transition-group组件)
通过transition-group组件中的特殊css,v-enter,v-enter-active,v-enter-to,v-leave,v-leave-active,v-leave来控制轮播图的无缝滚动,需要注意的是我们通过左右两个按钮来控制轮播图的左右两个切换效果(通过改变name值),这种方法首先得了解vue的列表过度,如果有不理解的,随时联系我。常规的无缝轮播图的写法是要通过控制banner的transition属性的有无来使得其无缝衔接。html代码如下,通过vue来控制轮播图的位置以及显示。
2024-03-06 21:07:39
542
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人