zoukankan      html  css  js  c++  java
  • JavaScript开发技巧

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

    2.数字解析

     1 //1.丢弃小数部分,保留整数部分 
     2 alert( parseInt(7/2) + ":3" );
     3 
     4 
     5 //2.向上取整,有小数就整数部分加1 
     6 alert( Math.ceil(7/2) +":4" );
     7 
     8 
     9 // 3,四舍五入. 
    10 alert( Math.round(7/2) + ":4");
    11 
    12 
    13 // 4,向下取整 
    14 alert( Math.floor(7/2) +":4");
    数字解析

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

    1     function test(varcode){
    2         var code = varcode?varcode:"中国";
    3         var encode = encodeURI(code);
    4         var enencode = encodeURI(encode);
    5         alert("  encode="+encode+"
    "+"enencode="+enencode+"
     xxxx="+encodeURI(encodeURI(code)));
    6     }
    7     test("sdsds2323232");
    encode

     4.页面宽高自适应

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

     5.对象数组,组装URL

     1 queryParams.titleName = $("#titleNameSearch").val()
     2 queryParams.createUserRealName = "";  
     3 queryParams.typeId = $("#typeIdSearch").val();  
     4 queryParams.beginDate =$("#beginDateSearch").val();
     5 queryParams.endDate = $("#endDateSearch").val();
     6 queryParams.wbCode =$("#wbCodeSearch").val();
     7 queryParams.phaseId = $("#phaseIdSearch").val();
     8 queryParams.subjectId =$("#wbsTitleIdSearch").val();
     9 //queryParams.newDate = new Date();
    10 queryParams.pSelect=pSelect;
    11 queryParams.ctype=$("#ctypeSearch").val();
    12 scopeparam=queryParams;
    13 var qparamUrl="";
    14 for(var a in queryParams){
    15     qparamUrl+="&"+a+"="+encodeURIComponent(queryParams[a]);
    16 }
    for循环+encodeURIComponent实现对象数组URL参数化

     获取相应参数

     1 var title = "${param.title}";
     2 var queryParams = {
     3     pSelect:"${param.pSelect}",
     4     titleName:"${param.titleName}",
     5     typeId:"${param.typeId}",
     6     wbCode:"${param.wbCode}",
     7     phaseId:"${param.phaseId}",
     8     subjectId:"${param.subjectId}",
     9     beginDate:"${param.beginDate}",
    10     endDate:"${param.endDate}"
    11 };
    "${param.title}"方式
  • 相关阅读:
    程序员书单
    36条极简人生建议
    Nacos
    jvm详解
    22种世界500强都在用的高效工作方法,你了解几种?
    道德经39经典
    积累的力量
    JUC之线程间定制化通信
    JVM调优参考
    docker开机启动和dockercompose开机启动执行相应的各个docker容器
  • 原文地址:https://www.cnblogs.com/duffy/p/3972653.html
Copyright © 2011-2022 走看看