Book Image

jQuery Design Patterns

By : Thodoris Greasidis
Book Image

jQuery Design Patterns

By: Thodoris Greasidis

Overview of this book

jQuery is a feature-rich JavaScript library that makes HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a variety of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery solves the problems of DOM manipulation, event detection, AJAX calls, element selection and document queries, element attribute and data management, as well as object management utilities. This book addresses these problems and shows you how to make the best of jQuery through the various design patterns available. The book starts off with a refresher to jQuery and will then take you through the different design patterns such as facade, observer, publisher/subscriber, and so on. We will also go into client-side templating techniques and libraries, as well as some plugin development patterns. Finally, we will look into some best practices that you can use to make the best of jQuery.
Table of Contents (18 chapters)
jQuery Design Patterns
About the Author
About the Reviewer


In this chapter, we learned several optimization techniques that can be used to improve the performance of jQuery applications, especially when they become large and complex.

We started with simple practices like bundling and minifying our JavaScript files and discussed the benefits of using CDNs to load third-party libraries. We then went on to analyze some simple patterns to writing efficient JavaScript code and learned how to write efficient CSS selectors to improve the page's rendering speed and DOM traversals using jQuery.

We continued with jQuery-specific practices such as caching of jQuery Composite Collection Objects, how to minimize DOM manipulations, and had a reminder of the Delegate Observer pattern, as a good example of the Flyweight Pattern. Lastly, we got an introduction to the advanced technique of Lazy Loading and saw a demonstration of how to load the various modules of an implementation progressively, based on user actions.

After completing this chapter, we are now...