javascript - jQuery - 什么是补间对象？

Question

我已经多次遇到这个术语，但我找不到关于它的详细定义。
例如，fx某些 jQuery 方法中的参数是Tween.init.

谁能提供一些帮助？

Answer 1

Tween 用于 JQuery 中的动画。Tween.js是 Tween 的独立示例。

中间帧的缩写，在两个图像之间生成中间帧的过程，以呈现第一张图像平滑演变为第二张图像的外观。补间是所有类型动画的关键过程，包括计算机动画。复杂的动画软件使您能够识别图像中的特定对象并定义它们在补间过程中应如何移动和更改。

来自http://www.webopedia.com/TERM/T/tweening.html

Answer 2

围绕 jQuery 动画使用的对象和方法 - 补间、补间、钩子、预过滤器等 - 的文档记录非常差，即使它们似乎是公共 API 的一部分。也许在这里列出一些资源会有所帮助。

• jQuery 团队的成员 Corey Frang在关于 jQuery 动画（幻灯片）的演示文稿中有一些信息。实际上只有两张简洁的幻灯片。就在这里跳。
• 在同一个人发布的jQuery 1.8 Effects 文档草案中有更多细节。这实际上是我能找到的关于该主题的最有用的资源。

这是文档草稿中关于 Tween 对象的属性和方法的内容：

• elem: 被动画的元素
• prop: 被动画的属性
• easing: 使用的缓动
• options：对动画选项的引用
• start: 补间的起始值
• now: 补间的当前值
• end: 补间的结束值
• unit: 补间的 CSS 单元
• cur(): 从元素中读取属性的当前值
• run( progress ): progress 是一个从 0 到 1 的数字。更新动画元素的属性值。

Tween 实例被传递给 jQuery 动画的step回调，并可用于在动画进行时对其进行操作。了解 Tween API 可能会派上用场。