搜索 - 腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

来自专栏cc log
[译]SVG动画简介
前者最有名的是Snap.svg，后者则是Velocity.js，Velocity.js轻量而且跨浏览器支持良好，是wen动画的绝佳选择，本文的例子就使用的事这个动画库。在需要动画SVG元素的时候Velocity.js会自动检测，然后无缝的对其施加SVG的特定属性而无需你更改任何代码。查看SVG元素的CSS动画属性和表现属性的完整列表可以访问Velocity.js的SVG animation documentation。将这些放到一起，使用Velocity.js的Demo：http://codepen.io。位置属性 vs.
2.1K10编辑于 2022-08-16
来自专栏前端小作坊
CSS vs JS动画：谁更快？
Julian Shapiro 也是 Velocity.js 的创造者。这是一个非常高效、简单易用的JS动画库。他在Web动画方面有很高的造诣。这篇文章会一步步告诉你为什么基于 Javascript 的 DOM 动画库（比如 Velocity.js 和 GSAP）能够比 jQuery 和基于 CSS 的动画库更高效。 Velocity.js 运用了这些最佳实践，缓存了动画结束时的属性值，在紧接的下一次动画开始时使用。这样可以避免重新查询动画的起始属性值。最后，让我们来比较下两个Javascript框架（velocity.js 和 GSAP）。 GASP 是一个快速且功能丰富的动画平台。 Velocity.js 之前提到了 GSAP 有着丰富的功能，但这不代表 Velocity 的功能简单。
2.7K20发布于 2018-08-01
来自专栏大史住在大前端
Web高性能动画及渲染原理（1）CSS动画和JS动画
CSS动画可以使用著名的animate.css预设动画库，而JS动画可以借助velocity.js来实现，当然他们都不是唯一的选择。二. 使用Velocity.js实现动画 velocity.js是一个非常易用的轻量级动画库，它包含了jQuery中$.animate( )方法的全部功能，但是比jQuery更流畅。 velocity.js的调用方式非常简单，既支持全局函数的形式调用，也支持对象方法的形式调用，在源码的主文件src/velocity.ts中可以看到下面的代码： if (window) { const 的V2版本还处在beta阶段，API文档需要在官方仓库的wiki中查看【velocity.js V2文档】,它提供的主要扩展能力如下：事件钩子熟悉现代SPA开发的小伙伴肯定不会对事件钩子感到陌生， velocity.js中提供的事件钩子包括:begin（在动画开始时触发）,complete（动画结束时触发）,progress（动画过程中触发）,progress钩子每次执行时可以获取到动画执行情况的细节
8.6K30发布于 2019-10-16
来自专栏娱乐心理测试
vue.js引入外部CSS样式和外部JS文件的方法
一个动画需要的JS库（Velocity.js） var Velocity = function (string) { // 这里是Velocity的具体实现算法 } 2.因为我们想在Vue组件中想要引入 /config/velocity.js' 4.
16.4K10发布于 2019-02-21
来自专栏盟主来了
18.1.25日报
测试网页http://www.layui.com/demo/tab.html 7，http://www.mrfront.com/docs/velocity.js/plugins.html 下拉框黑了
63650发布于 2019-02-20
来自专栏IT大咖说
2022年最好的10个JavaScript动画库
Velocity.js Velocity.js结合了jQuery和CSS转换的优点。你可以使用Velocity.js来滚动 browser windows.它既可以与浏览器中加载的jQuery一起工作，也可以独立于它，甚至可以撤消之前的动画效果。 ◆3.
4.7K30编辑于 2022-03-16
来自专栏十月梦想
Vue动画封装的两种方式
}, afterEnter:()=>{ console.log('after') } } }) js方式我们需要引入之前的velocity.js
1.3K20发布于 2018-10-09
来自专栏Devops专栏
30. Vue使用JavaScript 钩子函数实现半场动画
过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.js ❞ 一个使用 Velocity.js 的简单例子： <!
1.8K20编辑于 2022-01-17
来自专栏Devops专栏
34. Vue-使用JavaScript 钩子函数实现半场动画
过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方 JavaScript 动画库，如 Velocity.js 一个使用 Velocity.js 的简单例子： <!
1.8K30发布于 2020-06-15
来自专栏IT学习
新手学习web前端的基础知识内容有哪些
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3
2.3K30发布于 2020-01-02
来自专栏软件
那些前端常用的网站插件
TwentyTwenty — 一个对比图片的可视化 diff 工具 Vivus.js — 在 SVG 上绘制动画 Wow.js — 滚动时展现动画 Scrolline.js — 页面滚动时显示滚动进度 Velocity.js
5.4K50发布于 2018-01-30
来自专栏前端Q
30个你应该在2022年里使用的JavaScript 动画库
2、Velocity.js 地址：http://velocityjs.org/ Velocity 是一个轻量级动画引擎，其 API 与 jQuery 的 $.animate() 相同。
4.3K20编辑于 2022-02-18
来自专栏web秀
好玩又实用的19个JavaScript动画库
资源地址 Velocity.js 速度是一个动画引擎。它可以与jquery一起使用，也可以不使用jquery。它的速度非常快，它具有彩色动画、转换、循环、测量、支持SVG和滚动功能。
3.9K11发布于 2019-09-04
来自专栏偏前端工程师的驿站
Velocity魔法堂系列一：入门示例
而且Velocity被移植到不同的平台上，如.Net的NVelocity和js的Velocity.js，虽然各平台在使用和实现上略有差别，但大部分语法和引擎核心的实现是一致的，因此学习成本降低不少哦。
1.3K60发布于 2018-01-18
来自专栏前端入门学习
有史以来最详细的web前端学习攻略，还在等什么，直接收藏吧
CSS3: CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷
3.5K00发布于 2019-11-21
来自专栏全栈程序员必看
JavaScript动画基本原理
一些动画库 Jquery动画: Jqeury对于动画的支持 velocity.js/其GitHub地址:完全类似于Jquery语法的动画库 Tween JS:支持根据数值对象的属性和 CSS 样式的属性进行补间动画
1.6K10编辑于 2022-11-03
来自专栏全栈程序员必看
jquery中的$()是什么_js简单特效
setInterval(callback, time) 延迟一段时间(time/ms)后执行对应的方法callback, 循环执行,直到取消三、常用的动画库 1、Jquery动画: Jqeury对于动画的支持 2、velocity.js
10.8K20编辑于 2022-11-03
来自专栏nginx
Vue.js入门系列（二十三）：集成第三方动画库、总结过渡与动画、配置代理
Velocity.js：高性能的动画库，适合移动设备和高频率动画。在本节中，我们将以GSAP为例，展示如何将第三方动画库集成到Vue.js应用中。
27910编辑于 2025-11-14
来自专栏企鹅号快讯
史上最全的web前端学习教程汇总！
CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷css3
10.9K50发布于 2018-01-11
来自专栏前端入门学习
2019年最全的web前端知识体系汇总
TwentyTwenty—一个对比图片的可视化 diff 工具 · Vivus.js—在 SVG 上绘制动画 · Wow.js—滚动时展现动画 · Scrolline.js—页面滚动时显示滚动进度 · Velocity.js
3.6K00发布于 2019-07-27

第 2 页第 3 页

点击加载更多