应该如何在小,中,大型应用开发中组织前端js代码?
2016-01-15 00:10
507 查看
时间有限,粗略写一下:
1.基础 - 函数版:
2.入门 - 字面量版:
3.进阶 - 命名空间版:
4.提高 - 模块化版:
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();
相关文章推荐
- JavaScript提高性能知识点汇总
- JavaScript焦点事件、鼠标事件和滚轮事件使用详解
- JavaScript知识点总结之如何提高性能
- 探讨JavaScript标签位置的存放与功能有无关系
- JavaScript程序开发之JS代码放置的位置
- JavaScript时间操作之年月日星期级联操作
- js倒计时,主要是用到setInterval函数
- js限制小数位数
- 评论添加表情gif小动画js特效
- three.js插件实现立体动感视频播放效果
- mvc json post执行顺序
- Javascript Math.ceil()与Math.round()与Math.floor()区别
- JS 中如何判断 undefined 和 null
- JS基础--问题记录
- JavaScript——面向对象以及基于类的继承
- JSP的七个动作指令
- 解决jsp访问jsp与Servlet访问jsp路径存在的差异性比较
- js 点击切换选项卡代码、jq 点击切换选项卡代码
- jsp页面中的代码执行加载顺序
- js 选择图片并预览、上传