JavaScript开发技巧

1.在编写js代码时，应尽量避免全局变量的使用。如果实在需要使用全局变量，则可以使用一个function来规避全局变量的使用。

2.数字解析

 //1.丢弃小数部分,保留整数部分
 alert( parseInt(7/2) + ":3" );

 //2.向上取整,有小数就整数部分加1
 alert( Math.ceil(7/2) +":4" );

 // 3,四舍五入.
 alert( Math.round(7/2) + ":4");

 // 4,向下取整
 alert( Math.floor(7/2) +":4");

数字解析

3.encodeURI的妙用(encodeURI非中文编码 不起作用的)

     function test(varcode){
         var code = varcode?varcode:"中国";
         var encode = encodeURI(code);
         var enencode = encodeURI(encode);
         alert("  encode="+encode+"\n"+"enencode="+enencode+"\n xxxx="+encodeURI(encodeURI(code)));
     }
     test("sdsds2323232");

encode

4.页面宽高自适应

 /*window resize*/
     winResize=function(){
         var winWidth = $(document.body).width(),winHeight=$(document.body).height();
         $("#js_layout").layout("resize",{width:winWidth,height:winHeight});
         $("#tree_penal2").css({width:winWidth-10,height:winHeight-62});
     };
     $(window).resize(winResize);
     winResize();

$(window).resize()

5.对象数组，组装URL

 queryParams.titleName = $("#titleNameSearch").val()
 queryParams.createUserRealName = "";
 queryParams.typeId = $("#typeIdSearch").val();
 queryParams.beginDate =$("#beginDateSearch").val();
 queryParams.endDate = $("#endDateSearch").val();
 queryParams.wbCode =$("#wbCodeSearch").val();
 queryParams.phaseId = $("#phaseIdSearch").val();
 queryParams.subjectId =$("#wbsTitleIdSearch").val();
 //queryParams.newDate = new Date();
 queryParams.pSelect=pSelect;
 queryParams.ctype=$("#ctypeSearch").val();
 scopeparam=queryParams;
 var qparamUrl="";
 for(var a in queryParams){
     qparamUrl+="&"+a+"="+encodeURIComponent(queryParams[a]);
 }

for循环+encodeURIComponent实现对象数组URL参数化

获取相应参数

 var title = "${param.title}";
 var queryParams = {
     pSelect:"${param.pSelect}",
     titleName:"${param.titleName}",
     typeId:"${param.typeId}",
     wbCode:"${param.wbCode}",
     phaseId:"${param.phaseId}",
     subjectId:"${param.subjectId}",
     beginDate:"${param.beginDate}",
     endDate:"${param.endDate}"
 };

"${param.title}"方式