#24ways

👍 Product: 24ways | [ad_1] 👉 Click here to get 24ways | at discounted price while it’s still available… Product Description: This Ebook, Covers The Most Common Fitness Myths And Fallacies Floating Around. I Cover Some Of The Most Commonly Asked Questions, Concerns, And Latest Fitness Trends In Here And The Truth About How To Actually Achieve What The Customer Is Looking For. All orders are…

Product: 24ways | [ad_1] Click here to get 24ways | at discounted price while it’s still available… Product Description: This Ebook, Covers The Most Common Fitness Myths And Fallacies Floating Around. I Cover Some Of The Most Commonly Asked Questions, Concerns, And Latest Fitness Trends In Here And The Truth About How To Actually Achieve What The Customer Is Looking For. All orders are protected…

Sadly there's no Perl Advent Calendar this year, but the slack has been picked up by Drew McLellan's 24 ways to impress your friends - a neat web development tip every day until Christmas.

Lazyweb request: 24 ways is currently devoid of baubles, reindeer, animated doors and DHTML snowflakes. Someone needs to write a Greasemonkey script (now Firefox 1.5 compatible).

Selector optimization

SELECTOR SPEED: FAST OR SLOW?

$("#id").find("p"); is faster then $("#id p");

CHAINING

$("#object").addClass("active").css("color", "#f0f").height(300);

This has the dual effect of making your code shorter and faster. Chained methods will be slightly faster than multiple methods made on a cached selector, and both ways will be much faster than multiple methods made on non-cached selectors.

CACHING

var blocks = $("#blocks").find("li");

Running the selection once and then storing the results in a variable means that the DOM only has to be searched once. Once the results of a selector have been cached, you can do anything with them.

Event delegation

Event listeners cost memory. In complex websites and apps it’s not uncommon to have a lot of event listeners floating around, and thankfully jQuery provides some really easy methods for handling event listeners efficiently through delegation.

jQuery 1.7 has provided us with a new event listener method, .on(). It acts as a utility that wraps all of jQuery’s previous event listeners into one convenient method, and the way you write it determines how it behaves.

DOM manipulation

jQuery makes it very easy to manipulate the DOM. It’s trivial to create new nodes, insert them, remove other ones, move things around, and so on. While the code to do this is simple to write, every time the DOM is manipulated, the browser has to repaint and reflow content which can be extremely costly. This is no more evident than in a long loop, whether it be a standard for() loop, while() loop, or jQuery $.each() loop.