美文网首页
一些问题及解决办法——使用篇

一些问题及解决办法——使用篇

作者: 书简虫子 | 来源:发表于2018-03-12 09:54 被阅读0次

    1、Layer open类型为iframe时,关闭弹框的方法:parent.layer.closeAll();

    2、Mui页面使用rem布局时,初始加载会产生抖动,解决办法:将rem.js引入放在所有css的引入上面,然后再以下js:

    function resize() {

        var htmlEle = document.documentElement;

        var htmlWidth = window.innerWidth;

        htmlEle.style.fontSize = 28 / 750 * htmlWidth + 'px';

       } resize();

    3、点击事件重叠,可把$(this).click()换成$(this).unbind(“click”).click()

    4、Jq的stop()方法:停止当前正在运行的动画

    5、鼠标事件可以连写:$(this).mouseenter().mouserleave();/$(this).mouseover().mouserout();

    6、鼠标事件也可以用hover和css写

    7、若layer弹框里面有a标签,挂的有链接,想要点击它实现关闭弹框时,用parent.layer.closeAll();括号里面可以写上弹框的type;parent.layer.closeAll();是疯狂模式,不带type时会关闭当前页面的所有layer弹框,带有type时会关闭所有此type的所有弹框

    8、类型为file的input框,获取选取文件的名称,方法:

    var file = $('#fileA'),

    aim = $('#em');

    file.on('change', function( e ){

        //e.currentTarget.files 是一个数组,如果支持多个文件,则需要遍历

        var name = e.currentTarget.files[0].name;

        aim.text(name);

    });

    9、限制file类型的input框上传文件类型的方法:accept,如:<input type="file" accept="application/msword" >

    10、在select下拉框中,对元素进行操作是最好用prop()方法。prop()函数的设计目标是用于设置或获取指定DOM元素(指的是JS对象,Element类型)上的属性(property);attr()函数的设计目标是用于设置或获取指定DOM元素所对应的文档节点上的属性(attribute)

    11、document.querySelector() //获取第一个找到的元素。

    12、当页面上有条款类东西时,可把条款截图写成html页面或者弹框,点击弹出或跳转。

    13、使用json假数据时,获取到的data是json的全部数据,想要一一对应,需要进行判断,if(data[i].id==str){},str是从上一页网址截取到的对象id,data[i].id是json数据对象里面的id。若是后台给的端口则不需要进行判断,但是需要将str赋值给id,如:data:{productID:str},而假数据不需要进行这一步;

    14、jq判断数组里是否含有某个元素:

    方法一:$.inArray(value, array),不包含返回-1,包含则会返回元素在数组中的位置;如:var arr = [ 4, "Pete", 8, "John" ];

    jQuery.inArray(4, arr);  //0

    jQuery.inArray("David", arr);  //-1

    方法二:function contains(arr, obj) {

        var i = arr.length;  

        while (i--) {  

            if (arr[i] === obj) {  

                return true;  

            }  

        }  

        return false;  

    }

    调用此函数。如:contains(chosArr,"images/noChoosedImg.png")

    15、实现textarea的高度随输入内容的增加改变:

    <’textarea type="text" placeholder="输入内容" data-input-clear="7" style='width:55%;height:40px;overflow:scroll;overflow-y:hidden;overflow-x:hidden;padding-top:10px;padding-right:10px;' onfocus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" onblur="clearInterval(this.clock);"><’/textarea>

    16、判断滚动条滚动的距离:

    $(window).bind("scroll", function () {  

        var sTop = $(window).scrollTop();  

        var sTop = parseInt(sTop);  

        if (sTop > 1200) {  

        } else {  

            }   

        });

    17、五星评价:

    18、各种值:

    width() 设置或返回元素的宽度(不包括内边距、边框或外边距)。

    height() 设置或返回元素的高度(不包括内边距、边框或外边距)。

    innerWidth() 返回元素的宽度(包括内边距)。

    innerHeight() 返回元素的高度(包括内边距)。

    outerWidth() 返回元素的宽度(包括内边距和边框)。

    outerHeight() 返回元素的高度(包括内边距和边框)。

    outerWidth(true) 返回元素的宽度(包括内边距、边框和外边距)。

    outerHeight(true) 返回元素的高度(包括内边距、边框和外边距)。

    19、parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

    相关文章

      网友评论

          本文标题:一些问题及解决办法——使用篇

          本文链接:https://www.haomeiwen.com/subject/txtmfftx.html