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


发表评论

电子邮件地址不会被公开。

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>