TweenLite против анимации Jquery

У меня есть простая анимация для изменения высоты div вверх и вниз по клику. Обычно я использую jquery slide или animate. На этот раз я заглянул в TweenLite, чтобы посмотреть, как он работает. Проблема, с которой я сталкиваюсь, заключается в добавлении большего размера файла. Хорошо, TweenLite весит всего 9 КБ, это не проблема, но если вы хотите анимировать свойства css, вам также нужно загрузить CSSPlugin для TweenLite. Теперь это намного больше, 25 КБ, что для меня очень важно для крошечного страничного проекта.

Из того, что я прочитал, jquery анимирует объект, а не его свойства css, или я ошибаюсь. Является ли единственным преимуществом TweenLite + CSSEngine то, что он анимирует CSS, поэтому он быстрее?


jquery gsap
person Chapsterj    schedule 02.07.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

jQuery также анимирует CSS. Если все, что вы делаете, это анимируете высоту объекта (или только несколько), и вы уже привязаны к использованию jQuery в другом месте, тогда jQuery подойдет для этих анимаций. Однако, если вы делаете что-то более агрессивное, сталкиваетесь с проблемами производительности или нуждаетесь в большем контроле над анимацией, я определенно рекомендую переключиться на TweenLite + CSSPlugin.

Причина, по которой TweenLite намного быстрее, связана с его внутренней инфраструктурой и кучей оптимизаций, а не потому, что он вообще анимирует разные свойства. Это просто намного эффективнее.

Причина, по которой CSSPlugin имеет такой размер, заключается в том, что он позволяет вам делать так много, НАМНОГО больше, чем jQuery. Например, 2D- и 3D-преобразования, borderRadius, textShadow, клип, цвета и многое другое. И это работает с множеством ошибок браузера. См. сводку на http://www.greensock.com/why-gsap/ и http://www.greensock.com/jquery/ для прямого сравнения с jQuery. .

Если размер файла является вашей основной задачей, TweenLite + CSSPlugin намного меньше, чем один только jQuery, но опять же, если вы ограничены использованием jQuery в другом месте, вам придется решить, стоит ли GSAP размер файла в вашем конкретном проекте. Честно говоря, он действительно не очень тяжелый, учитывая все обстоятельства. Это похоже на размер изображения, поэтому оно может стоить этой цены, если оно обеспечивает лучшую производительность во время выполнения. Опять же, все зависит от вашего конкретного проекта. Нескольким подросткам с простым ростом, вероятно, не нужен GSAP.

person Jack    schedule 03.07.2013