美文网首页
小知识点(2018.6.14)

小知识点(2018.6.14)

作者: 陌紫嫣 | 来源:发表于2018-06-23 10:01 被阅读0次

    1.即时反应的input和propertychange方法
    oninput和onchange都是事件对象,当输入框的值发生改变时触发该事件。不同的是,oninput是在值改变时立即触发,而onchange是在值改变后失去焦点才触发,并且可以用在非输入框中,如:select等。propertychange:功能同oninput,用以替代oninput在IE9以下的不兼容性
    摘自:(https://www.cnblogs.com/LHYwin/p/6136256.html)

    2.toFixed()函数
    1) toFixed(n) 限制小数点后位数,四舍五入。n:0~20 。
    2)作用对象必须是number,不能为其他类型。如(8.001).toFixed(2)返回8.00;
    3)toFixed(n)返回值是String类型,所有当成数字进行比大小是错误的。
    4) parseFloat(“number“)与parseInt("number")读取字符串中第一个遇到的数(如91.2w3 第一个数为91.2)并转换为float或int,返回类型为number.。
    摘自:(https://www.cnblogs.com/nkxyf/p/3956653.html

    3.Array.prototype.slice.call()方法详解
    能将具有length属性的对象转成数组,数组才具有slice()方法。
    最后,附个转成数组的通用函数

    var toArray = function(s){
        try{
            return Array.prototype.slice.call(s);
        } catch(e){
            var arr = [];
            for(var i = 0,len = s.length; i < len; i++){
                //arr.push(s[i]);
                   arr[i] = s[i];  //据说这样比push快
            }
             return arr;
        }
    }
    

    摘自:(https://www.cnblogs.com/dingxiaoyue/p/4948166.html)

    4.call()和apply()的使用
    1)都可以改变函数内部的this指向
    2)实现继承
    call()和apply()的区别:第一个参数都是指向this,而apply()中只有2个参数,第二个必须是数组,call的后续参数可以是任何类型

    5.encodeURI()和encodeURIComponent() 区别
    因为有效的URI中不能包含某些字符,例如空格。而这URI编码方法就可以对URI进行编码,它们用特殊的UTF-8编码替换所有无效的字符,从而让浏览器能够接受和理解。
    区别在于:encodeURI()是对于整个URI编码,只是清除了空格而已,而encodeURIComponent()只是对其中一段进行编码,并且会对它发现的任何非标准字符进行编码。
    摘自:(https://blog.csdn.net/qq_34629352/article/details/78959707)

    6.jquery countdown倒计时插件(刷新保持计时状态)
    用在发短信倒计时或者付款倒计时或者做活动的时候很好用
    原理:$().countdown(finallytime,callback)//第一个是倒计时截止时间
    1)下载插件所需的css和js(jquery.countdown-1.0.0.css、jquery.countdown-1.0.0.min.js还有jquery.js)
    2)引用这些文件
    3)定义一个显示时间的元素,初始化配置(根据需求配置)

    <div class="count_down"><span class="day_num"></span><span class="hour_num"></span><span class="min_num"></span><span class="sec_num"></span></div>
     <script>
    
    $(function(){
            $(".count_down").countDown({
            startTimeStr:'2017/01/11 00:00:00',//开始时间
                endTimeStr:'2028/01/17 23:59:59',//结束时间
                daySelector:".day_num",
                    hourSelector:".hour_num",
                    minSelector:".min_num",
                     secSelector:".sec_num"
            });
        })   
      </script>
    
    

    摘自:(http://www.jq22.com/jquery-info12473)

    相关文章

      网友评论

          本文标题:小知识点(2018.6.14)

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