清晰节点内的空格
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