2024年08月06日
为了应用过渡效果,需要在目标元素上使用 transition 特性:
<div v-if="show" transition="my-transition"></div>
2024年08月06日
本章节我们主要介绍 Vue.js 的过渡效果与动画效果。包括如何编写自定义 CSS 动画、如何配合第三方 CSS 动画库、过渡钩子函数的使用、如何使用第三方 JavaScript 动画库。本小节的内容相对之前有些难度,同学们在阅读一遍之后如果不能完全掌握,建议反复阅读,并把本小节的所有案例自己实现一遍,相信通过多次的练习一定可以掌握。
2024年08月06日
己动手封装。前两天学习了一个新的事件animationEnd,一下子解决了我很多痛点。最近会陆续封装一下移动端和pc端用到的小demo,欢迎一起讨论。
效果如下:在输入框输入文字按“确定”按钮就弹出输入的消息提示
实现代码:
html:
css:
2024年08月06日
HTML DOM 事件
HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。
事件通常与函数结合使用,函数不会在事件发生前被执行! (如用户点击按钮)。
提示: 在 W3C 2 级 DOM 事件中规范了事件模型。
2024年08月06日
一日敲代码的我,得到一个需求:写一个10秒的倒计时。
用JavaScript定时器麻溜写完之后,恰好同事勇司机接完水。瞟了一眼,然后凑过来说,这个用CSS3也可以写,而且一行JavaScript都不用写。
2024年08月06日
编者按:今天腾讯的同学从一款HTML5小游戏《植物大战僵尸》说起,分享一些动画实现的知识(动画可控性、如何兼容不同分辨率、如何识别平板手机等),附上众多实现小技巧,来收 >>>
hello~大家好,我是黑米! O(≧▽≦)O
今天我来跟大家分享一些动画实现的相关知识,希望大家能够支持(鞠躬……