jQuery производителност

Автор: I_V_O

Здравейте, туристи! В този урок ще се опитам да ви покажа някои интереси техники, чрез които да оптимизирате вашите приложения и да ги направите по-леки и по-интересни. Точките, по които ще говоря, са:

  • кеширане на обектите
  • техники за анимация и easing
  • как да правим по-леки анимации

В урока използвам jQuery Eeasing Plugin: Официален сайт

Ако искате да създавате свои собствени easing-и, можете да прочетете тази част от книгата на Robert Penner, в която обяснява различните методи. Книгата е за ActionScript, но това не е от значение.Ще видим колко ви бива по математика 😛 😉

http://www.robertpenner.com/easing/penner_chapter7_tweening.pdf

Нещото, което забавих да уточня, е следния ред от кода:

foo.animate({ top: foo[0].style.top == "500px" ? "250px" : "500px" }, 1000, "easeInBack");

jQuery обектите с доста подобни на масиви. Всеки jQuery обект съдържа всички елементи, съвпадащи на селектора, в себе си.

foo[0] – първи елемент
foo[1] – втори елемент

и тн

foo.length е дъжината на импровизирания масив. То следва, че можете да итерирате всички елементи в jQuery обект като нормален масив.

Съжалявам за неточностите в урока. Sad Няколко пъти го записвах и това беше най-приемливия вариант. Надявам се в бъдеще да ставам по-добър. Ако имате въпроси ще се радвам да ви отговоря 🙂

Файлове към урока

Вашият коментар