我正在寻找 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();
});
建立了一些材料: