GreenSock animation engine的性能提升非常显着。

为了实现这种 yield ,该库在进行哪些基础架构决策和权衡?特别是,此引擎与jQuery animate有何不同?

最佳答案

Greensock的人们在这里给出了很好的答案:

  • 全面使用高度优化的JavaScript(这需要
    诸如使用链表,局部变量,快速查找之类的东西
    表,内联代码,按位运算符,利用原型(prototype)
    而不是为每个实例等创建函数/变量。)
  • 设计平台的结构,使其非常适合自己
    非常适合高压情况,最大程度地减少了函数调用和
    确保事情对gc友好。
  • 在单个更新中进行更新
    由requestAnimationFrame驱动的循环,仅回退到
    setTimeout()如有必要。
  • 在内部缓存一些重要的值
    以获得更快的更新。
  • 对于CSS转换,我们计算矩阵值
    并在有任何情况时构造一个matrix()或matrix3d()
    旋转或倾斜,因为我们的测试表明速度更快。

  • 更多内容:
    http://forums.greensock.com/topic/9346-how-does-greensock-perform-better-than-other-solutions-for-animation/#entry37777

    关于javascript - JS动画建筑设计可实现最佳性能,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12428173/

    10-09 15:38