工作总结 -模块化开发

模块开发标准化流程

init(config,parent) -模块入口
　　定义全局变量:
　　this.$ready = false;
　　this.build();
 
build(); -模块的构造过程函数。
　　if (this.$ready) { return false; }
　　【开始创建模块界面上需要的各个组件；】　　
　　this.$ready = true;
　　if(this.$data){
　　　　this.setdata(this.$data);
　　}else {
　　　　this.load();
　　}
 
setData(data); -设置模块中需要的数据
getData(); -用于获取模块中的数据
　　return data;
reset(); -重置回默认值
load(); -拉取数据
onData(); -load()的默认回调函数

函数命名规范：
1. 冒泡出来的事件，以 “on”开头；
2. jQuery绑定的事件，以”event”开头；
3. 表格中列的渲染函数，以”render”开头；
4. 表格中列的格式化函数，以”format”开头；
5. 内部方法，以下划线”_”开头。

变量命名规范：
1. 私有变量以下划线开头，小驼峰式命名，如：var _ private;
2. 公共变量以大写字母命名，如：var PUBLIC;
3. 类中的变量以小驼峰式命名，如：var tmpCache = {};
4. 模块内部的全局变量 以$开头，以与方法区分，如：this.$val;

常用的jQuery方法：   
1. DOM操作：appendTo(); text();
2. 类操作：addClass(); removeClass(); toggleClass();
3. CSS样式：css({ : , }); width(); height();
4. 属性与值：attr(); val();  prop();
5. 找元素：parent(); closest(); find(); 

其他
1. 模块采用CMD规范；seaJs做依赖加载。http://seajs.org/docs/#docs
2. 使用grunt做jshint检测和less编译