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

Question

我正在寻找jQuery应用程序架构的最佳实践。

此示例正在运行，但我认为这不是最佳方式。

我们有内核功能（加载配置，init子模块等）和Tabs 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模式的最佳资源是Addy Osmani，他将关于该主题的所有其他材料编译成可理解的形式：

  

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