jQuery 应用程序模式/架构

Question

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

这个示例可以工作，但我认为这不是最好的方法。

我们有内核功能(加载配置、初始化子模块等)和选项卡 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();
});

创建了一些 Material :

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

Answer 1

有关 jQuery 模式的最佳资源由 Addy Osmani 编写，他已将有关该主题的所有其他 Material 编译成易于理解的形式:

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