动画
文章平均质量分 59
动画
__畫戟__
前端。知之为知之,不知为不知
展开
-
requestAnimationFrame,读懂这篇文章就够了
requestAnimationFrame 请求动画帧;它是一个浏览器的宏任务;requestAnimationFrame的用法与setTimeout很相似,只是不需要设置时间间隔而已。requestAnimationFrame使用一个回调函数作为参数,这个回调函数会在浏览器重绘之前调用。它返回一个整数,表示定时器的编号,这个值可以传递给cancelAnimationFrame用于取消这个函数的执行转载 2023-05-03 13:27:21 · 1943 阅读 · 0 评论 -
css3:animation 动画详解(属性 + 案例)
部分css3的动画效果是在合成线程上实现的,不需要主线程介入,所以省去了重排和重绘的过程,这就大大提升了渲染效率。原创 2022-05-05 12:46:11 · 1995 阅读 · 2 评论 -
CSS3实现动画不会影响主线程,JS实现动画会影响主线程
部分css3的动画效果是在合成线程上实现的,不需要主线程介入,所以省去了重拍和重绘的过程,这就大大提升了渲染效率。JavaScript都是在在主线程上执行的,所以JavaScript的动画需要主线程的参与,所以效率会大打折扣!...原创 2020-10-03 11:32:01 · 1487 阅读 · 0 评论 -
vue开发 - transition之弹窗动画popup
页面上需要弹出一个列表供用户选择,通过简单的v-show控制,感觉体验上总要差那么一点,于是加上了vue的transition,最终实现的效果就是,点击选择银行时,银行列表从下面一点点滑动上来,选择完成后,慢慢滑动 下去,贴上代码:先看下效果:<template> <div class="xn-container"> <button class="type1" @click="showCssPopup(true)">css transiti转载 2021-10-16 23:00:26 · 3602 阅读 · 4 评论