前端小知识

  1. chrome关闭缓存:F12 在network下选中 disable Cache
  2. 修改选项触发时间用change()
  3. js表格插件:datatable
  4. 链式写法会方便很多:$("#legel-logo").removeClass("leg").addClass("cur");
  5. ajax返回json,:

function serchService(dptId,userType){
    $.ajax({
        url : "service.action",
        type : "post",
        dataType : 'json',
        data : {
            fn:'getCategory',
            userType:userType,
            pageNum:1,
            pageSize:99,
            isWeb :0,
            addType:"",
            deptId :dptId
        },
        success : function(response){
            var json= response.data;
            if(response.total!=undefined && response.total>0){
                setCategoryListData(json,userType);  //对返回json进行处理
            }else{
                $("#page").html("");
                $("#tab_main").html("");
            }
          }
        });
}
function setCategoryListData(json,type) {
    var curId = type==1?"service":"service-legel";
    if(json!= null && json.length>0){
        var gerenHtml = "";
        var serviceChecked = false;
        if($("parentUnid").val() !=null && $("parentUnid").val()!=""){
            serviceChecked = true;
        }
        for(var i=0;i " + json[i].name + ""; 

        }
        $("#" + curId).html(gerenHtml);
        return;
    }
}
  1. 日期时间格式化
Date.prototype.format = function (format) {
    /*
     * 使用例子:format="yyyy-MM-dd hh:mm:ss";
     */
    var o = {
        "M+": this.getMonth() + 1, // month
        "d+": this.getDate(), // day
        "h+": this.getHours(), // hour
        "m+": this.getMinutes(), // minute
        "s+": this.getSeconds(), // second
        "q+": Math.floor((this.getMonth() + 3) / 3), // quarter
        "S": this.getMilliseconds()
        // millisecond
    }

    if (/(y+)/.test(format)) {
        format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4
                - RegExp.$1.length));
    }

    for (var k in o) {
        if (new RegExp("(" + k + ")").test(format)) {
            format = format.replace(RegExp.$1, RegExp.$1.length == 1
                    ? o[k]
                    : ("00" + o[k]).substr(("" + o[k]).length));
        }
    }
    return format;
}

调用:

var d1 = new Date();
d1.format('yyyy-MM-dd');

var d2 = new Date();
d2.format('yyyy-MM-dd');

正则表达式,不使用new RegExp()

//正数正则
var posPattern = /^\d*\.?\d+$/;
//负数正则
var negPattern = /^-\d*\.?\d+$/;
//数字正则
var numPattern = /^-?\d*\.?\d+$/;
console.log(posPattern.test("42.2"));
console.log(negPattern.test("-42.2"));
console.log(numPattern.test("-42.2"));
  1. select做出input的placeholder效果


    前端小知识_第1张图片
    image.png
  2. js的escape和unescape方法
    对特殊字符进行编解码

    

执行结果:
Visit%20W3School.%3E%23%24com.cn%21
Visit W3School.>#$com.cn!

你可能感兴趣的:(前端小知识)