Got this from Reddit.
- Load the framework from Google Code
- Use data method and avoid storing data inside the DOM. Some developers have a habit of storing data in the HTML attributes
- Use Cheat Sheets
- Compress Javascript files
- Use Firebug
- Use ID as Selector whenever possible
- Use Tags Before Classes
- Cache jQuery Objects
- Bind certain jQuery functions to $(window).load event
- Use Chaining to limit selectors, make the code more simple and elegant
The complete article can be found in Tripwire Magazine.
twitter.com/wenbert
While I agree with most of the points, I would:
- take loading the framework from Google Code with the pinch of salt. If you are developing intranet applications in enterprise environment, e.g. reporting systems, there is a high probability that the application would need to be accessed via VPN connections. In this, loading the framework from Google or any other CDN would probably fail as it will not pass VPN authentication.
- practically bind ALL jQuery functions that traverse/manipulate DOM after the document has been loaded, to ensure no JavaScript errors occur due to trying to access elements that haven’t been loaded yet.