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

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

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

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

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 Няколко пъти го записвах и това беше най-приемливия вариант. Надявам се в бъдеще да ставам по-добър. Ако имате въпроси ще се радвам да ви отговоря :)

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










/ Трябва да сте регистриран за да напишете коментар /
От: appmaster
2:41 14-12-2009
Добре обяснемо!
От: ih999
19:03 04-05-2011
Браво!
1