This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | |||
| great_developer_habits [2019/11/01 15:51] admin | great_developer_habits [2021/05/16 15:21] (current) admin | ||
|---|---|---|---|
| Line 24: | Line 24: | ||
| - WWDC 2019 Great Developer Habbits: https://developer.apple.com/videos/play/wwdc2019/239/ | - WWDC 2019 Great Developer Habbits: https://developer.apple.com/videos/play/wwdc2019/239/ | ||
| </wrap> | </wrap> | ||
| + | |||
| + | |||
| + | ### Minimizing Function Footprint | ||
| + | |||
| + | It's good practice when writing plugins to only take up one slot within $.fn. This reduces both the chance that your plugin will be overridden, and the chance that your plugin will override other plugins. In other words, this is bad: | ||
| + | ```javascript | ||
| + | (function( $ ) { | ||
| + | |||
| + | $.fn.openPopup = function() { | ||
| + | // Open popup code. | ||
| + | }; | ||
| + | |||
| + | $.fn.closePopup = function() { | ||
| + | // Close popup code. | ||
| + | }; | ||
| + | |||
| + | }( jQuery )); | ||
| + | ``` | ||
| + | |||
| + | It would be much better to have one slot, and use parameters to control what action that one slot performs. | ||
| + | |||
| + | ```javascript | ||
| + | (function( $ ) { | ||
| + | |||
| + | $.fn.popup = function( action ) { | ||
| + | |||
| + | if ( action === "open") { | ||
| + | // Open popup code. | ||
| + | } | ||
| + | |||
| + | if ( action === "close" ) { | ||
| + | // Close popup code. | ||
| + | } | ||
| + | |||
| + | }; | ||
| + | |||
| + | }( jQuery )); | ||
| + | ``` | ||