综合收集

最新推荐文章于 2022-07-06 10:08:52 发布
bloxed
最新推荐文章于 2022-07-06 10:08:52 发布
阅读量298
点赞数
文章标签：文档
本文链接：https://blog.csdn.net/github_37847992/article/details/75253286
版权
escape 编码
unescape 解码
decodeURIComponent(解码) 函数可对 encodeURIComponent(编码) 函数编码的 URI 进行解码。
$.cookie("tokenid")传值
aria-valuenow属性如下： aria-valuenow="20"：当前进度为20% aria-valuemin="0"：进度条最小值0% aria-valuemax="100"：进度条最大值100% 
你向ajax后台的程序发送xmlhttp请求的时候, 后台程序接到请求会进行处理,处理结束后,可以返回一串数据给前台,这个就是responseText. 
readyState :当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
status  ：返回的HTTP状态码，比如常见的404,500等错误代码。
statusText ：对应状态码的错误信息，比如404错误信息是not found,500是Internal Server Error。
responseText ：服务器响应返回的文本信息

//ajaxSuccess
ajaxSuccess()函数用于设置当AJAX请求成功完成时执行的回调函数。

这是一个全局AJAX事件函数，用于为任何AJAX请求的ajaxSuccess事件绑定事件处理函数。当AJAX请求成功完成时(不包括失败的情况，例如：找不到页面、服务器内部错误等)，将触发ajaxSuccess事件，并执行绑定的事件处理函数。

该函数必须在jQuery对象实例上调用，ajaxSuccess()将为每个匹配元素的ajaxSuccess事件绑定处理函数。当AJAX请求成功完成后，所有匹配元素上的处理函数都将被触发执行。事件处理函数内的this将指向当前DOM元素。

你可以在同一元素多次调用该函数，从而绑定多个事件处理函数。触发ajaxSuccess事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

从jQuery 1.8开始，该函数只能为document对象的ajaxSuccess事件绑定处理函数，为其他元素绑定的事件处理函数不会起作用。
如果在jQuery.ajax()或jQuery.ajaxSetup()中将选项参数global设为false，可以禁止该AJAX请求触发全局的AJAX事件。

//鼠标右键点击事件
该函数属于jQuery对象(实例)。
   $(function(){ 
      $('#resultDiv').mousedown(function(e){ 
             if(e.which==3){
              alert("时间");
             }
      //alert(e.which) 
     // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键
       return false;//阻止链接跳转 
     }) 
  }) 

this.officialaudittype   =$("[name=audittypeOfficial]",this.officialpanel);
获取节点的方法

而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情
dialog{
autoOPen:ture
modal:ture
closeOnEscape:esc键
draggable：拖动
resizible：调整
title：标题
position：位置
hide:
show:
stack:覆盖
zIndex:

尽量不给全局变量赋值，使用return返回数据的方法比较好

this.qid("trainTable").on('click', '.upload-file', this.proxy(this.upload));动态表格添加事件
$(e.currentTarget)指向当前的对象获取到当前对象的数据
fnFooterCallback：底部的回调函数，这个可以用来做总计之类的功能
async: false,使用ajax变全集变量
target
currentTaget
  "columnDefs": [    

                表格某一列是否显示
               通过visible的值来判断
               columnDefs
               targets指向了你需要控制的某一列
              写成对象的形式
              $(e.taget)指向你点击元素
              $(e.cuurentTarget)事件可以向上冒泡
              解决点击的元素里面还有子元素的事件需要用到$(e.currentTarget)
              this.proxy()个人理解
           需要把主键的this.对象拿到局部的使用  局面函数的this指向了局部函数内部  
           主要加上this.proxy(function(){})这样局部里面的this指向了主键的this对象
  bootstrap
active 选项卡对应默认选中
li citive
div   fade in active

this.checkversion          =$("[name=version]",this.checkpanel);//检查版本
获取组件里面的元素 根据name  后面是他的父级节点


this.btnofficialfilter.off("click").on("click",this.proxy(function(ent){
            ent.preventDefault();
            this.freshOfficialTable();
        })).trigger("click");
后面加上trigger("click")时间立即执行一次；

echart
基于写好的dom
初始化echarts实例
例如
var  mychart=echarts.init(document.getElementById(main));
指定图标的配置项和数据
例如

var  option={
  title:{ 
  text:图表   
  }，
  tootip:{
 },
 legend:{
 data:["销量"] 
 }，
 xAxis:{
 data:["衣服"，"裤子","鞋子"] 
 }，
 yAxis:{

 },
 serise:[{
  name:"xiaoliang",
  type:"bar",
  data:[2,1,4,45,6,2]
}] 

}
mychart.setOPtion(option);
this.name.select2("enable", true/false)是否可编辑

不大于当前日期的验证
  //时间验证
    validated:function(){
             var d = new Date();
             var strDate = getDateStr(d);
             var d2 = new Date($("#occurDate").val());
             if (d2 > d) {
                 alert("填写的日期必须小于当前日期.");
                 return false;
             }else{
                 return true; 
             }
         function getDateStr(date) {
             var month = date.getMonth() + 1;
             var strDate = date.getFullYear() + '-' + month + '-' + date.getDate();
             return strDate;
         };
    },
//IE上传附件问题
<input type="hidden" autofocus="autofocus" />

判断浏览器
chrome
var isChrome = navigator.userAgent.toLowerCase().match(/chrome/) != null;
if (isChrome) {
        alert('Chrome');
}

判断浏览器
<script>
function getBrowserInfo(){
var agent = navigator.userAgent.toLowerCase() ;

var regStr_ie = /msie [\d.]+;/gi ;
var regStr_ff = /firefox\/[\d.]+/gi
var regStr_chrome = /chrome\/[\d.]+/gi ;
var regStr_saf = /safari\/[\d.]+/gi ;
//IE
if(agent.indexOf("msie") > 0)
{
return agent.match(regStr_ie) ;
}

//firefox
if(agent.indexOf("firefox") > 0)
{
return agent.match(regStr_ff) ;
}
//Chrome
if(agent.indexOf("chrome") > 0)
{
return agent.match(regStr_chrome) ;
}

//Safari
if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0)
{
return agent.match(regStr_saf) ;
}

}
//（2）然后获取版本号
var browser = getBrowserInfo() ;
alert(browser); 
//var verinfo = (browser+"").replace(/[^0-9.]/ig,""); 

</script>

对表格的某一行进行操作
 {id:"trainingTarget.onTheJob",text:"是否离职","render":this.getDataTableColumnRender("trainingTarget.onTheJob")}
getDataTableColumnRender: function(fieldName){
        var render = null;
        switch(fieldName){
            case 'trainingTarget.sex':
                render = function(data, type, full){
                    var mapData = {'1':'男','0':'女'};
                    return mapData[data] || '';
                }
                break;
            case 'files':
                render = function(data,type,full){
                var btn='<button class="btn btn-success upload-file" data-id='+full.id+'>上传证书</button>';
                    var htmls = ['<ul style="padding:0px">'+btn];
                    $.each(data || [], function(idx, files){
                              htmls.push('<li style="list-style-type:none"><a class="download-file" target="_blank" href="' + $.u.config.constant.smsqueryserver + "?method=downloadFiles&tokenid=" + $.cookie("tokenid") + "&ids=" + JSON.stringify([files.id]) + '">' + files.fileName + '</a><span class="glyphicon glyphicon-trash" fileid='+files.id+' style="margin-left:10px;cursor:pointer;float:right;"></span></li>');
                    });
                    htmls.push('</ul>');
                    return htmls.join('');
                };
                break;
            case 'id':
                render = function(data,type,full){
                return "<button type='button' style='padding-bottom: 2px; padding-left: 2px;' class='btn btn-link edit' mode='edit' data-id="+ full.id +">" + "修改" + "</button>" + "   " + "<button type='button' style='padding-bottom: 2px; padding-left: 2px;' class='btn btn-link delete' mode='edit' data-id="+ full.id +">" + "删除" + "</button>";
            };
                break;
            case 'qualified':
                render = function(data, type, full){
                    var mapData = {'true':'是','false':'否'};
                    return mapData[data] || '';
                }
               break;
            case 'trainingTarget.onTheJob':
                render = function(data, type, full){
                    var mapData = {'true':'是','false':'否'};
                    return mapData[data] || '';
                }
               break;
            default:
                render = function(data, type, full){
                    return data || '';
                };
                break;
        }
        return render;
    },
//书写附件的方法
<a class="download-file" target="_blank" href="' + $.u.config.constant.smsqueryserver + "?method=downloadFiles&tokenid=" + $.cookie("tokenid") + "&ids=" + JSON.stringify([files.id]) + '">' + files.fileName + '</a>

也可以绑定事件（下载附件）

                            this.qid("attachments_container").on('click', '.download-file', this.proxy(function(e) {
                                var data = parseInt($(e.currentTarget).attr("fileid"));
                                window.open($.u.config.constant.smsqueryserver + "?method=downloadFiles&tokenid=" + $.cookie("tokenid") + "&ids=" + JSON.stringify([data]));
                            }))


解决数字字母换行
word-break:break-all;  

window.open()；打开一个新的窗口打开窗口所带的参数
window.open() ;
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')
page.html:要打开的页面
newwindow:窗口名称,也可以为_self,_blank等参数
height:窗口高度
width:窗口宽度
toolbar:是否显示工具栏(yes,no)
menubar:是否显示菜单栏(yes,no)
scrollbars:是否出现滚动条(yes,no)
resizable:是否可以改变窗口大小(yes,no)
location:是否显示地址栏(yes,no)
status:是否显示状态栏(yes,no)
top,left:窗口打开时的坐标 

获取定义盒子元素
this.$text = $("#" + this._id + "-multi-text", this.editSel);


js验证全为空格的情况
 string.trim（）; 

dataTable表格插件
需要自定义排序时
需要把 把本编个的排序改为false

回车换行问题
1.val=val.replace(/\n/g,"<br>");
使用换行替换
显示的时候需要使用html
2.切记不要使用text或者val


标题被修改
(function() {  
    var rememberTitle = document.title; // 记住原有的窗口标题  

    try { // try-catch 用于兼容不支持attachEvent方法的浏览器  
        document.attachEvent('onpropertychange', function(){  
            if (document.title != rememberTitle) { // 此判断一定要加上，否则会导致递归调用堆栈溢出  
                document.title = rememberTitle;  
            }  
        });  
    } catch (e) {  
        // noop  
    }  

    document.setTitle = function(newTitle) { // 如果需要自定义修改标题，请使用此方法替代“document.title = xxx”语句  
        rememberTitle = newTitle;  
        document.title = newTitle;  
    };  
})();  


标准化ajax

  $.u.ajax({
            url : $.u.config.constant.smsqueryserver,
            type:"post",
            async:false,
              dataType: "json",
              data: {
                 tokenid:$.cookie("tokenid"),
                dataobject:"organization",
                method:"stdcomponent.getbysearch",
              }
        }).done(this.proxy(function(response){
               if(response.success){
                   console.log(response);
                   for(i in response.data.aaData){
                       if(response.data.aaData[i].id==setting.value){
                         unitName=response.data.aaData[i].name;
                       };
                   }
               }
        }));


js获取时间戳
var timestamp = Date.parse(new Date());

深刻理解闭包
　var name = "The Window";   

　var object = {   
　　　　
    name : "My Object",   
　　
　　getNameFunc : function(){   
　　　
　　　 return function(){  
          console.log(this.name);
          console.log(name);
　　　　　　　
　        return this.name;  
　　　　
　    };   
　　　
　 }   

 };  

alert(object.getNameFunc()()); 
 The Window

 The Window

select2 不开启多选模式的话  就选用json
多选模式的话使用数组
赋值命名和抓库的时候一致
var m=data.task.teamLeader && data.task.teamLeader.split(",");
        var n=null;
        m && $.each(m,function(i,j){
            n = {id:j,fullname:j};
        });
        !this.isEmptyObject(n) && this.teamLeader.select2("data",n);

去掉Edge号码自动识别
<meta name="format-detection" content="telephone=no">

表格datatable指定列排序
"aaSorting": [[ 16, "desc" ]] ,


"columns":JSON.stringify([{"data":"realse"},{"data":"resnale"}])
"order""JSON.stringify([{"column",0,"dir":"desc"}])

JSON.stringify() 把对象编程字符串
JSON.parse()      把字符串变成对象

删除数组
    var a = [3,4,5,6,7,8,9];

        $.each(a,function(index,item){  

            // index是索引值（即下标）   item是每次遍历得到的值；

            if(item==7){

                        a.splice(index,1);
                }

     });
replace(/,/g, " ")，替换所有空格。