zoukankan      html  css  js  c++  java
  • TwenLite源码阅读

    概要:

    这里使用的TweenLite版本是:V1.18.0。

    TweenLite核心有:

    EventDispatcher:用个as3的对这个应该不陌生,用来添加事件监听和抛出事件的。不过,js版是阉割版,没有stopPropagation和preventDefault,也没有冒泡等。

    Ticker:时钟,继承自EventDispatcher,时钟只实例了一个,会一直对外抛出事件“要更新了”。没事干就会睡觉,每120帧检查一下要不要睡觉,睡觉了唤醒就靠其他组件。

    SimpleTimeline:简单的时间轴。靠Ticker的事件驱动Animate._updateRoot找到他就可以看内容了。SimpleTimeline只会实例两个出来,一个是光滑动画,一个是帧动画。时间轴渲染的时候会渲染所有的TweenLite。

    TweenLite:一个个简单的动画节点,例如从左到右,就是一个节点,从上到下又是一个节点。节点以链表保存,所以时间轴添加节点,删除节点会操作链表。这个类有很多静态变量,例如to,from,fromTo等。

    TweenPlugin:TweenLite插件,例如自动设置CSS这一块,必须要使用插件,看了源码,没有插件,即使设置使用CSS都没用。

    Ease:这个大家应该不陌生,缓动。

    未完,待续

    兼容性问题:

    这个插件解决了几个很多兼容性问题:

    1,IOS 6 Safari不会自动启动requestAnimationFrame。
    未完,待续

    性能优化有这些:

    未完,待续

    类结构图:

  • 相关阅读:
    爬取数据问题
    b站评论区爬取
    词云图制作
    情感分析
    一个progressbar widget
    jQuery ui effects
    在使用jQuery的时候不小心的内存泄漏
    在javascript中实现类似asp.net webcontrol中的render的方法
    jQuery 1.7的隐藏改动
    jQuery编写widget的一些窍门
  • 原文地址:https://www.cnblogs.com/geilishu/p/5024668.html
Copyright © 2011-2022 走看看