|
|
水滴项目js开发规范
|
|
|
介绍: js/common/ 目录下, common.js封装了js常用的方法,common.string.js扩展了string对象,提供了如去空格,格式化等方法,还有时间的格式化函数
|
|
|
common文件夹下的其他js文件均不可再用
|
|
|
<br />
|
|
|
通常一个页面对应一个js文件,js文件中包含了关于此页面的所有js代码,js代码需要按照模板规定来开发,模板如下:
|
|
|
<br />
|
|
|
temp.js文件
|
|
|
|
|
|
/**
|
|
|
* 创建了一个Temp对象,
|
|
|
*/
|
|
|
var Temp = Temp || {};
|
|
|
(function($){
|
|
|
|
|
|
/**
|
|
|
* 所有的ajax方法都定义在这里
|
|
|
*/
|
|
|
Temp.Ajax=(function(){
|
|
|
|
|
|
/** 加载div内容的 ajax 回调函数方法 */
|
|
|
var loadDivContentCallback=function(data){
|
|
|
$("#all").text(data);
|
|
|
};
|
|
|
|
|
|
/** 加载div内容的的 ajax方法 */
|
|
|
var loadDivContentAjax=function(jsondata){
|
|
|
//创建ajax参数对象
|
|
|
var params=new AjaxObj(jsondata,"test/ajax",loadDivContentCallback);
|
|
|
//调用common.js中的通用ajax方法
|
|
|
Pingan.ajax(params);
|
|
|
};
|
|
|
|
|
|
/**
|
|
|
* 所有的ajax要执行的初始化事件定义在这里面
|
|
|
*/
|
|
|
var ajaxInitExecute=function(){
|
|
|
loadDivContentAjax();
|
|
|
}
|
|
|
|
|
|
return{
|
|
|
ajaxInit:ajaxInitExecute
|
|
|
};
|
|
|
|
|
|
})();
|
|
|
|
|
|
//定义事件绑定
|
|
|
Temp.Event=(function(){
|
|
|
|
|
|
function show(){
|
|
|
alert('test');
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* 所有的js元素绑定事件写在这里
|
|
|
*/
|
|
|
var eventBind=function(){
|
|
|
$("#clickMe").click(show);
|
|
|
};
|
|
|
|
|
|
//返回对象
|
|
|
return{
|
|
|
eventInit:eventBind
|
|
|
};
|
|
|
})();
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 初始化方法
|
|
|
* 所有要在页面加载后执行的代码都放在这里
|
|
|
*/
|
|
|
$(function(){
|
|
|
Temp.Ajax.ajaxInit();
|
|
|
Temp.Event.eventInit();
|
|
|
|
|
|
});
|
|
|
|
|
|
})(jQuery); |
|
|
\ No newline at end of file |