临时笔记0318

时间 2019-12-20

标签临时笔记繁體版

原文原文链接

1.jquery的属性选择器javascript

$('*[data-toggle-class]') 意思是找到有属性名为data-toggle-class的元素css

例如：网页中的html代码html

<a href="#" class="" data-toggle-class="" ><i>内容</i></a>java

此元素会被找到jquery

2.closest() 方法得到匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。web

　　alert($(this).parent().parent().index)等同于：正则表达式

　　alert($(this).closest('tr').index);chrome

2.在eclipse里面复制出一个项目的时候必定要记得修改项目名称，否则在导入的时候会报错误，出现找不到文件,修改步骤数组

　　1.修改文件名，注意分级的问题app

　　2.打开eclipse里面的项目，右击属性，找到web Project Settings 将Context root 进行（此处不修改，将仍是会访问原来的项目）

3.禁止form表单自行提交，form下面有一个button，点击是会自动提交表单里面的数据，如何进行阻止呢？

　　在form里面添加一行代码：onsubmit：return false便可

4.在作电力监控的项目时，由于没有在页面中申明doctype，致使页面整理布局发生变化，02170808

5.js为input的输入框默认选择当前时间

//默认显示当前日期  
function DateInit(){  
    var data = new Date();  
    var year = data.getFullYear();  
    var month = data.getMonth() + 1;  
    var day = data.getDate();  
    month =month <10?"0"+month :month;  
    day=day<10?"0"+day:day;  
    var today=year+"-"+month+"-"+day;  
    $("#time").val(today);  
}

6.原生js的append方法在不一样的chrome有版本兼容性的问题，改换成appendchild就能够了

7.js判断是pc仍是手机端访问

<script type="text/javascript">
var ua = navigator.userAgent;
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
isAndroid = ua.match(/(Android)\s+([\d.]+)/),
isMobile = isIphone || isAndroid;
//判断
if(isMobile){

}else{

}

</script>

View Code

8.在作实时事件的时候，在弹出的页面中先控制外层div的显示和隐藏

    $("#id",top.window.document)或
    $("#id",parent.window.document)
    调用外层方法：
    parent.methodName()

　$("#main",window.parent.document)[0].contentWindow.submit()//调用外层页面中的submit方法

9.页签 jquery的写法

    $(this).parent().attr("class","active").siblings(".active").removeAttr("class");
    $(this).attrClass("hover").siblings(".hover").removeClass("hover");

10 如何选择多个文字的第一个文字

var a ="嘎嘎嘎"

a.split("")[0];

11.split也能够接收正则表达式

        var s = "123+456*789/123";
        var s1 = s.split(/[\+\-\*\/]/);
     console.log(s1);//【123,456,789,123】

12.white-space:nowrap只对行内元素起做用，不对块级元素起做用，overflow对浮动的元素不起做用2018-04-17

13.hover使用问题，直接上代码

原始问题代码：

     .configImage:hover .delete{
        display:block;
    }
    #zlConfig .delete{
        display:none;
        position:absolute;
        height:100%;
        width:100%
    }

由于在作配置页面的时候，delete的class与其余配置页面的class起了冲突，因此这里要添加一个id进行区分，可是加上了这个id以后，hover就没有了效果

缘由分析：由于hover先后的优先级不同，让他们的优先级保持一致就行了

修改后的

    #zlConfig .configImage:hover .delete{
        display:block;
    }
    #zlConfig .delete{
        display:none;
        position:absolute;
        height:100%;
        width:100%
    }

14.在作信息发布配置页面的时候，使用了js动态的轮播，自动轮播能够，一到了手动点击轮播的时候就不成功（20180427）

　　缘由：父级元素的id没有填写，须要与实际的左右logo里面以及下面的id相对应起来

    function buildFileList(panel,saveOption){
        //动态添加相应的样式
        var id=panel.attr("id");
        var style='<style id="'+id+'_css">'+
                    '    #'+id+' .xxfbTable{color:'+saveOption.fontColor+';background-color:'+saveOption.fileBackColor+'}    '+
                    '    #'+id+' .xxfbTable li{border-color:'+saveOption.bordColor+';}'+
                    '    #'+id+' .xxfbTable li:hover{background-color:'+saveOption.hoverColor+';color:'+saveOption.hoverFontColor+'}'+
                    '</style>';
        $("body #"+id+"_css").remove();
        $("body").append(style);
        var mIndex=saveOption.blockIndex;
        //清空里面的内容
        $(panel.find(".ipn-body")).html("");
        var resultArr=$.loadFileRelease();
        if(panel.find(".ipn-body .line").length==0){
            var str=
            '<div class="row" style="height:100%">                                         '+
            '        <div class="carousel slide" data-ride="carousel" id="carousel-example-generic" data-interval="4000">             '+
            '            <!-- 轮播Carousel指标 -->                             '+
            '            <ol class="carousel-indicators">                          '+
            '            </ol>                                                     '+
            '            <!-- 轮播Carousel项目 -->                             '+
            '            <div class="carousel-inner" >                             '+
            '            </div>                                                    '+
            '            <!-- 轮播Carousel导航 -->                             '+
            '            <a class="carousel-control left" href="#carousel-example-generic"       '+
            '               data-slide="prev">&lsaquo;</a>                         '+
            '            <a class="carousel-control right" href="#carousel-example-generic"      '+
            '               data-slide="next">&rsaquo;</a>                         '+
            '        </div>                                                        '+
            '</div>                                                               '    ;
            $(panel.find(".ipn-body")).append(str);
            //遍历取过来的数据，将内容练成字符串追加到carousel-inner里面
            var strul="",strol="",olIndex=0;
            for(var i=0;i<resultArr.length;i++){
                var tobj=resultArr[i];
                if(i%mIndex==0){//是第一页 就建立ul同时追加li
                    strul=
                    $('    <div class="item">                                                                                            '+
                    '        <ul class="content xxfbTable">                                                                                    '+
                    '            <li data-id='+tobj.id+'>                                                                               '+
                    '                <h3 class="detail">'+tobj.title+'</h3>                                                             '+
                    '                <p>                                                                                                '+
                    '                    <span>'+tobj.author+'</span>:&nbsp;<span>'+tobj.greateTime+'</span>                            '+
                    '                    <span>'+tobj.contentHtml+'</span>                   '+
                    '                </p>                                                                                            '+
                    '            </li>                                                                                                '+
                    '        </ul> '+
                    '    </div>');
                    strol='<li data-target="#carousel-example-generic" data-slide-to="'+olIndex+'" class="active"></li>';
                    $(panel.find(".ipn-body").children().find('.carousel-indicators')).append(strol);
                    olIndex++;
                }else{//追加li
                    strul.find('.content').append(
                    '            <li data-id='+tobj.id+'>                                                                                   '+
                    '                <h3 class="detail">'+tobj.title+'</h3>                                                             '+
                    '                <p>                                                                                                '+
                    '                    <span>'+tobj.author+'</span>:&nbsp;<span>'+tobj.greateTime+'</span>                            '+
                    '                    <span>'+tobj.contentHtml+'</span>                                                                           '+
                    '                </p>                                                                                            '+
                    '            </li>                                                                                                '                    
                    );
                }
                if(i==0){strul.addClass("active");}
                //追加至轮播的内容
                $(panel.find(".ipn-body").children().find('.carousel-inner')).append(strul);
            }
        }else{
            panel.find(".ipn-body .line").show().empty();
        }
        //手动启动轮播
        $(".carousel").carousel({  
            interval :5000,  
        }); 
    }

View Code

15.input 与label联动的问题以及input-checkbox的时候不对齐问题，

　　正常label须要加上for与input的id对应，这样就能够关联到

<label for="show_alarm">
    <input type="checkbox" id="show_alarm">本次再也不弹框
</label>

可是其实单个的input的时候能够不用写for，直接也能够关联，注意必须是不写

label里面有多个的时候，也只能关联到第一个

<label><input type="checkbox" id="show_alarm">本次再也不弹框</label>

不对齐问题，只须要给input添加css样式

vertical-aign:middle
margin:0 3px 1px 0px;/*只能是这么写，写一个边不会生效*/

16.时间插件点击（在input上添加属性readonly）

17.点击屡次事件的时候会选中部分

为外层div添加css

.unselect{
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}

18 svn如何关闭进程（2019年4月1号）

在进程中找到TortoiseSVN status cache(小乌龟)，删除掉

19 原生js查找元素

查找以上全部的img元素，同时包含属性data-original、lazyload

document.querySelectorAll('img[data-original][lazyload]')

20.splice用法 2019年9月17号

　　需求：数组的里面的值一直在追加，可是又要保证长度要一直不变

　　解决：splice，先在数组的最后位置去掉一个，在添加一个 splice(1,1,{})

　　举例：

21.安装mougoDb的时候电脑一直卡在应用程序正在为首次使用计算机作准备，而后就卡住一直不动了（2019年10月11号）

解决办法：这种缘由是由于你在上一次安装的过程当中有中途中止的缘由

再次安装，其实是由于进程没有清除干净，找到进程中描述为Windows 安装程序的进程，杀掉多余的进程便可，