JavaScript经常使用剧本集锦6

清晰节点内的空格

function cleanWhitespace(element) {
    //假如不供应参数,则处置惩罚全部HTML文档
    element = element || document;
    //应用第一个节点作为最先指针
    var cur = element.firstChild;
    //一向轮回,直到没有子节点为止。
    while (cur != null) {
        //假如节点是文本节点,而且只包括空格
        if ((cur.nodeType == 3) && !/\S/.test(cur.nodeValue)) {
            element.removeChild(cur);
        }
        //一个节点元素
        else if (cur.nodeType == 1) {
            //递归全部文档
            cleanWhitespace(cur);
        }
        cur = cur.nextSibling;  //遍历子节点
    }
}

代码泉源:https://gist.github.com/hehongwei44/9105deee7b9bde88463b

JavaScript中的类继续完成体式格局

/**
 * 把一个实例要领增加到一个类中
 * 这个将会增加一个大众要领到 Function.prototype中,
 * 如许经由过程类扩大一切的函数都能够用它了。它要一个称号和一个函数作为参数。
 * 它返回 this。当我写一个没有返回值的要领时,我一般都邑让它返回this。
 * 如许能够构成链式语句。
 *
 * */
Function.prototype.method = function (name, func) {
    this.prototype[name] = func;
    return this;
};
/**
 * 它会指出一个类是继续自另一个类的。
 * 它必须在两个类都定义完了以后才定义,但要在要领继续之前挪用。
 *
 * */
Function.method('inherits', function (parent) {
    var d = 0, p = (this.prototype = new parent());

    this.method('uber', function uber(name) {
        var f, r, t = d, v = parent.prototype;
        if (t) {
            while (t) {
                v = v.constructor.prototype;
                t -= 1;
            }
            f = v[name];
        } else {
            f = p[name];
            if (f == this[name]) {
                f = v[name];
            }
        }
        d += 1;
        r = f.apply(this, Array.prototype.slice.apply(arguments, [1]));
        d -= 1;
        return r;
    });
    return this;
});
/**
 *
 * The swiss要领对每一个参数举行轮回。每一个称号,
 * 它都将parent的原型中的成员复制下来到新的类的prototype中
 *
 * */
Function.method('swiss', function (parent) {
    for (var i = 1; i < arguments.length; i += 1) {
        var name = arguments[i];
        this.prototype[name] = parent.prototype[name];
    }
    return this;
});

代码泉源:https://gist.github.com/hehongwei44/2f89e61a0e6d4fd722c4

将单个字符串的首字母大写

/**
*
* 将单个字符串的首字母大写
* 
*/
var fistLetterUpper = function(str) {
        return str.charAt(0).toUpperCase()+str.slice(1);
};
console.log(fistLetterUpper('hello'));      //Hello
console.log(fistLetterUpper('good'));       //Good

代码泉源:https://gist.github.com/hehongwei44/7e879f795226316c260d

变量的范例搜检体式格局

/**
*
* js的范例检测体式格局->typeof、constuctor。
* 引荐经由过程组织函数来检测变量的范例。
*/
var obj = {key:'value'},
        arr = ["hello","javascript"],
        fn  = function(){},
        str = "hello js",
        num = 55,
        bool = true,
        User = function(){},
        user = new User();
    /*typeof测试*/
    console.log(typeof obj);    //obj
    console.log(typeof arr);    //obj
    console.log(typeof fn);     //function
    console.log(typeof str);    //string
    console.log(typeof num);    //number
    console.log(typeof bool);   //boolean
    console.log(typeof user);   //object
    /*constructor测试*/
    console.log(obj.constructor == Object); //true
    console.log(arr.constructor == Array);  //true
    console.log(str.constructor == String); //true
    console.log(num.constructor == Number); //true
    console.log(bool.constructor == Boolean);//true
    console.log(user.constructor == User);  //true

代码泉源:https://gist.github.com/hehongwei44/1d808ca9b7c67745f689

页面倒计时的一段应用

/**
*
* @descition: 倒计时的一段剧本。
* @param:deadline ->停止日期 相符日期花样,比方2012-2-1 2012/2/1等有用日期。
* @return -> 停止的天数、小时、分钟、秒数构成的object对象。
*/
function getCountDown(deadline) {
        var activeDateObj = {},
             currentDate  = new Date().getTime(),            //猎取当前的时候
             finalDate    = new Date(deadline).getTime(),    //猎取停止日期
             intervaltime = finalDate - currentDate;         //有用期时候戳

        /*停止日期到期的话,则不实行下面的逻辑*/
        if(intervaltime < 0) {
            return;
        }

        var totalSecond = ~~(intervaltime / 1000),     //获得秒数
            toDay       = ~~(totalSecond / 86400 ),   //获得天数
        toHour      = ~~((totalSecond -  toDay * 86400) / 3600), //获得小时
        tominute    = ~~((totalSecond -  toDay * 86400 - toHour * 3600) / 60), //获得分数
        toSeconde   = ~~(totalSecond - toDay * 86400 - toHour * 3600 -tominute * 60);

    /*装配obj*/
    activeDateObj.day    = toDay;
    activeDateObj.hour   = toHour;
    activeDateObj.minute = tominute;
    activeDateObj.second = toSeconde;

    return activeDateObj;
}

代码泉源:https://gist.github.com/hehongwei44/a1205e9ff17cfc2359ca

    原文作者:两仪
    原文地址: https://segmentfault.com/a/1190000002473367
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞