JavaScript个人总结

提示：本文是写给自己的个人总结

---

前言

大概记录一下自己在前端开发中的一些蛇皮操作，写完之后直呼好家伙，

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、走你

//获取所有的电话号码
let arryTel = new Array();  //电话号码
$("input[name='tellnum2']").each(function (index, item) {
    // console.log($(item).val());
    let telnumber = $(this).val();
    if (telnumber != null && telnumber.length > 0) {
        arryTel.push($(this).val());
    }
});

return layer.msg("请输入正确的语音电话内容！", {
    icon: 2,	//1对，2错
    time: 2000 //2秒关闭（如果不配置，默认是3秒）
});

//清空新增的输入框
$("#removemark").children().remove(".appendmark");
$("input[name='tellnum2']").val("");    //清空电话输入框的值

$(arg0).parent().before(strs);


/*excle选项卡开始上传*/
$("#xx_mode_up2").on("click", function () {
    let textarea_name = $("#textarea_name").val();  //语音内容
    // console.log("语音内容==" + textarea_name);
    if (textarea_name == null || textarea_name.length <= 0) {
        return layer.msg("请输入正确的语音电话内容！", {
            icon: 2,
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
        });
    }
    uploadInst.reload({ //重载该实例，支持重载全部基础参数
        url: "<%=request.getContextPath()%>/leadTelNumExcle?textnr=" + textarea_name//上传接口
    });
    uploadInst.upload();//重新上传的方法，一般在某个事件中使用
});

/*excle选项卡选择文件*/
var demoListView2 = $('#demoList2')
    , uploadInst = upload.render({
    elem: '#xx_mode_up' //绑定元素
    , url: "<%=request.getContextPath()%>/leadTelNumExcle" //上传接口
    , accept: 'file' //允许上传的文件类型
    , acceptMime: 'file/xls,file/xlsx'
    , exts: 'xls|xlsx'	//允许上传的文件后缀
    , size: 1024 * 10		//最大允许上传的文件大小
    , auto: false   //不自动上传
    , multiple: true    //多文件上传
    , number: 1
    , choose: function (obj) {
        // demoListView2.empty();
        var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
        console.log(files);
        //读取本地文件
        obj.preview(function (index, file, result) {
            var tr = $(['<tr id="upload-' + index + '">'
                , '<td>' + file.name + '</td>'
                , '<td>' + (file.size / 1024).toFixed(1) + 'kb</td>'
                , '<td>等待上传</td>'
                , '<td>'
                // , '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
                , '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
                , '</td>'
                , '</tr>'].join(''));
            //上传失败后，单个重传
            // tr.find('.demo-reload').on('click', function () {
            //     obj.upload(index, file);
            // });
            //删除
            tr.find('.demo-delete').on('click', function () {
                $("#xx_mode_up2").next().next().children().text(""); //清空操作
                delete files[index]; //删除对应的文件
                tr.remove();
                uploadInst.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
            });
            demoListView2.append(tr);
        });
    }
    , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
        $("#xx_mode_up2").next().next().children().text(""); //清空操作
        layer.load(); //上传loading
    }
    , done: function (res, index, upload) {
        console.log(res);//返回值
        layer.closeAll('loading'); //关闭loading
        // console.log(index);//上传文件的索引
        // console.log(upload);//重新上传方法
        if (res.code == 0) { //返回code==0表示上传成功
            layer.msg("数据导入成功！！", {
                icon: 1,
                time: 2000 //2秒关闭（如果不配置，默认是3秒）
            });
            /*setTimeout(function () {
                window.location.reload();
            },1500);*/
            var tr = demoListView2.find('tr#upload-' + index)
                , tds = tr.children();
            tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
            tds.eq(3).html(''); //清空操作
            return delete this.files[index]; //删除文件队列已经上传成功的文件，执行后返回，不再往下继续执行
        } else {
            /* layer.msg(res.msg, {
                 icon: 2,
                 time: 2000 //2秒关闭（如果不配置，默认是3秒）
             });*/
            layer.open({
                title: '数据导入失败'
                , content: res.msg
            });
            $("#xx_mode_up2").next().next().children().text(res.msg); //展示错误信息
            this.error(index, upload);//执行erro
        }
    }
    , error: function (index, upload) {
        layer.closeAll('loading'); //关闭loading
        var tr = demoListView2.find('tr#upload-' + index)
            , tds = tr.children();
        tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
        // tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
    }
});


//删除input框
function del_btn(arg0) {
    $(arg0).parent().remove();
}


$("#xx_mode_up2").next().next().children().text(res.msg); //展示错误信息

layui.layer.load(1); //loading
layui.layer.closeAll('loading'); //关闭loading


$("input[type='text']").attr("disabled", true);//禁用修改onbulr
$(".Add_sqBtn").attr("disabled", true);//禁用金额增加按钮
$(".Add_sqBtn").css("background-color", 'gainsboro');
$("button[οnclick='Dele_sz(this)']").attr("disabled", true);//禁用删除金额税种按钮


//询问框
layer.confirm('请选择是否需要复核', {btn: ['是', '否'], icon: 3, title: '提示'}, function (index) {
    //点击是
    layerfun("Y");
    layer.close(index);
}, function (index) {
    /*layer.msg('也可以这样', {
        time: 20000, //20s后自动关闭
        btn: ['明白了', '知道了']
    });*/
    //点击否
    layerfun("N");
    layer.close(index);
});

// •方法一: $('#id').css('display','none'); $('#id').css('display','block');
// •方法二: $('#id').hide(); $('#id').show();
// •方法三: $("#div1").attr("display","block"); $("#div1").attr("display","none");

// console.log($("div[id^='tabsone'][class='xm-select-demo']").length);


//抽离出的获取标签的for循环
function funfor_arryData(arg) {
    let sel_num = $("div[id^=" + arg + "][class='xm-select-demo']").length
    for (let i = 0; i < sel_num; i++) {
        let arryA = xmSelect.get('#' + arg + (i + 1), true).getValue("value");
        for (let j = 0; j < arryA.length; j++) {
            arryData.push(arryA[j]);
        }
        console.log("arryA===" + arryA);
    }
}

// console.log($(arg1).children().css({"color":"red","border":"2px solid red"}));
// console.log($(arg1).children().eq(1).children().eq(1).children().text());
// console.log($(arg1).find("span").eq(1).text());
// console.log("--------------------");
// console.log($(arg1).find("span.textone.text_nr").text());
// console.log($(arg1).find("span.text_nr").text());
// console.log($("#tabsone").find("div")[0].attr("style")) 错
let strs = $(arg1).find("span.textone.text_nr").html();

layer.open({
    type: 1,
    title: "查看内容",
    shadeClose: true,
    btn: ['关闭'],
    fixed: true,
    maxmin: false,
    area: ['80%', '80%'],
    content: strs,
});

xmSelect.render({   //渲染下拉选择框
    el: '#' + sel_inputid,
    theme: {
        color: '#0081ff',
    },
    on: function (data) {
        // let arr = data.arr; //arr:  当前多选已选中的数据
        // let change = data.change;    //change, 此次选择变化的数据,数组
        // let isAdd = data.isAdd;  //isAdd, 此次操作是新增还是删除
        // console.log(data.isAdd);
        // console.log("seleCheckbox_openBZ="+seleCheckbox_openBZ);
        //该事件的触发只有，下拉关闭且点击X标记时才回执行
        if (seleCheckbox_openBZ == "close" && data.isAdd == false) {   //设置点击X符号时触发事件
            console.log("执行了删除标签操作！删除的标签==" + data.change[0].value);
            //判断arryData数组中是否有该标签，对数据进行删除操作
            let arryA = new Array();
            for (let j = 0; j < arryData.length; j++) {
                if (arryData[j] != data.change[0].value) {
                    arryA.push(arryData[j]);
                }
            }
            arryData = arryA;
            SeleZSK();
            console.log(arryData);
        }
    },
    show() {
        console.log('打开了');
        seleCheckbox_openBZ = 'open';
    },
    hide() {
        console.log('关闭了');
        seleCheckbox_openBZ = "close";
        BQ_closed();
    },
    toolbar: {show: true},
    language: 'zn',
    data: data
});

总结

提示：这里对文章进行总结