jQuery应用程序模式/体系结构

Question

即时寻找jQuery应用程序体系结构的最佳实践。

此示例正在工作，但我认为这不是一种最佳方式。

我们有内核函数（加载配置，init子模块等）和选项卡dub-module作为示例。

"use strict"; 
(function($, app, window) { 

    app.kernel = function() { 
     var self = this; 
     app.tabs().init(); // init tabs sub-module 
     return self; 
    }; 

    app.tabs = function() { 
     var self = this; 
     self.init = function() { 
      console.log('tabs function init'); 
     }; 
     return self; 

    }; 

})(jQuery, window.SuperPuper || (window.SuperPuper = {}), window); 

$(function() { 
    new SuperPuper.kernel(); 
}); 

成立一些材料：

1. Using Inheritance Patterns to Organize Large jQuery Applications
2. How To Write Maintainable jQuery Applications

Answer 1

jQuery的模式，最好的资源是由阿迪·奥斯马尼谁编写了所有其它材料上的主题为可理解的形式：

http://addyosmani.com/blog/essential-jquery-plugin-patterns/