高性能动画栈
通过同步 DOM 与 tween 栈、缓存数值来减少布局抖动和 DOM 查询,提升动画执行效率。
用 Velocity.js 构建加速的 JavaScript 动画Velocity.js 提供与 jQuery $.animate() 相近的 API,可在有或没有 jQuery 的环境中运行,用于创建颜色、变换、循环、缓动、SVG 和滚动动画。
从基础属性动画到队列、回调、滚动和 SVG,Velocity.js 将常用动画控制能力集中在统一 API 中。
通过同步 DOM 与 tween 栈、缓存数值来减少布局抖动和 DOM 查询,提升动画执行效率。
支持颜色、尺寸、位置、透明度、变换、阴影、透视和部分 SVG 相关属性动画。
可与 jQuery 的 animate、delay 和 fade 配合使用,也可以不加载 jQuery 直接调用 Velocity。
提供 duration、easing、queue、delay、loop、begin、progress 和 complete 等选项,用于控制动画过程。
内置滚动、淡入淡出、滑动等命令,并提供对 Zepto、RequireJS 和 Browserify 的使用说明。
以下内容取自目标站公开页面中的版本信息与技术文档。
页面记录了 1.0.0 更新,包括文件名调整、回调参数变化,以及移除 back、bounce 和 elastic 缓动并改用 spring physics 的说明。
通过官方源码、演示、教程和技术文章了解 Velocity.js 的使用方式与实现原理。