1,关于表格的设计rowspan,colspan,可以使用Dreamweaver图形化工具来快速方便地画出所需要的表格。
2,页面的设计,尽量采用绝对定位的方式以便适应不同的分辨率。
3,间接分层设计,隐藏具体实现,提供统一接口。
4,站在用户的角度体验细节,尽量多了解业务,结合两者开发更合理更人性化的产品。
5,表格数据展示规范:序号居中,文本居左,数字居右,动作时间精确到分,出生日期到天。
6,比较表格中td的数据,可以循环获取td,再比较其中的数据,例如:
var rows = $("#ct tr").length; //获取总行数
for(var i=1;i<rows-1;i++){ //遍历所有行
$($("#ct tr")[1]).children("td:eq(1)").css({'background-color':'yellow'}); //给第一行数据(上面还有一行标题)的第二列设置黄色背景色
var td1 = $($("#ct tr")[i]).children("td:last"); //获取当前行最后一列
var td2 = $($("#ct tr")[i+1]).children("td:last");
var k1 = $($("#ct tr")[i]).children("td:eq(1)"); //获取当前行第二列,第一列序号为0
var k2 = $($("#ct tr")[i+1]).children("td:eq(1)");
if(td1.text() == td2.text()){
if(k1.css("background-color") == "rgb(255, 255, 0)"){ //比较当前单元格的背景色
k2.css({'background-color':'yellow'})
}else{
k2.css({'background-color':'blue'})
}
}else{
if(k1.css("background-color") == "rgb(255, 255, 0)"){
k2.css({'background-color':'blue'})
}else{
k2.css({'background-color':'yellow'})
}
}
}
$("p").each(function(){
var tdNum=Number($(this).html());
if(tdNum>20){
$(this).css("color","red");
}
8,图表框架Highcharts,曲线图、区域图、柱状图等。
9,测试要点:覆盖条件走一遍查看数据完整性、准确性,特别注意需要转换的数据是否正确
10,web程序的核心:前台发送请求到后台,从数据库获取数据,返回需要的数据给前台并以合适的视图展现。
11,字典转换功能做成一个通用模块,供统一调用。
12,select控件赋值只能赋成选项中的其中一个,而不能随意赋成其他值。
13,Table内部出现滚动条写法: <th style="padding:0 15px;">申请科室</th>,如果规定th的宽度,当数据超出时不会出现滚动条。
14,IE8兼容性问题,easyui和jquery的版本太高所致,用EasyUI 1.3.2及以下版本才可以兼容IE8.
15,sql查询记录是否存在select count(1) from mqms_wh_jcfsl where jclx=5 and jcxm=7557 and jlxh <>67,不可同时相等的两个条件:jclx、jcxm,当前记录序号为jlxh。
16.onKeyUp="this.value=this.value.replace(/[^\.\d]/g,'');if(this.value.split('.').length>2){this.value=this.value.split('.')[0]+'.'+this.value.split('.')[1]}”
只能输入数字+小数点;onKeyUp="this.value=this.value.replace(/(^\s+)|\s+$/g,'')"只能输入文字。
17.为兼容SqlServer和Oracle,并且提高sql运行效率(sql语句在运行前为先把小写都转为大写),sql语句全部用大写。时间全部存入Date型变量而不是字符串(字符串可以在SqlServer下通过但是Oracle会报错)。