您的位置:首页 > Web前端 > JavaScript

应该如何在小,中,大型应用开发中组织前端js代码?

2016-01-15 00:10 507 查看
时间有限,粗略写一下:

1.基础 - 函数版:
function a(){};
function b(){};


2.入门 - 字面量版:
var obj = {
init : function(){
this.a();
this.b();
},
a : function(){},
b : function(){}
}
// 在页面中调用obj.init();


3.进阶 - 命名空间版:
var hogo = {
ns : function(){};
}

hogo.ns('hogo.wx', {
init : function(){
this.a();
this.b();
},
a : function(){},
b : function(){}
});
hogo.wx.init();


4.提高 - 模块化版:
全选<button href="javascript:void(0);" _xhe_href="javascript:void(0);" class="copyCode btn btn-xs" data-clipboard-text="" define();"="" data-toggle="tooltip" data-placement="top" title="" style="overflow: visible; color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: 12px; line-height: 1.5; font-family: inherit; margin: 0px 0px 0px 5px; cursor: pointer; vertical-align: middle; border: 1px solid transparent; white-space: nowrap; padding-right: 5px; padding-left: 5px; border-radius: 3px; -webkit-user-select: none; outline: 0px; background-image: none; background-color: rgba(0, 0, 0, 0.74902);">复制放进笔记[code]define();
require();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: