web前端培训提到很多很实用的冷门小知识,如像console.log()可以向控制台输出图片,用||操作符给变量赋默认值,粤嵌来介绍下JavaScript上的小知识。
利用Math.random和toString生成随机字符串
这里的技巧是利用了toString方法可以接收一个基数作为参数的原理,这个基数从2到36封顶。如果不指定,默认基数是10进制。
function generateRandomAlphaNum(len) {
var rdmString = "";
for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));
return rdmString.substr(0, len);
}
整数的操作
JavaScript中是没有整型概念的,但参加web前端培训学习时利用好位操作符可以轻松处理,同时获得效率上的提升。
|0和~~是很好的一个例子,使用这两者可以将浮点转成整型且效率方面要比同类的parseInt,Math.round 要快。在处理像素及动画位移等效果的时候会很有用。性能比较见此。
var foo = (12.4 / 4.13) | 0;//结果为3
var bar = ~~(12.4 / 4.13);//结果为3
顺便说句,!!将一个值方便快速转化为布尔值 !!window===true 。
重写原生浏览器方法以实现新功能
下载的代码通过重写浏览器的alert让它可以记录弹窗的次数。
(function() {
var oldAlert = window.alert,
count = 0;
window.alert = function(a) {
count++;
oldAlert(a + "n You've called alert " + count + " times now. Stop, it's evil!");
};
})();
alert("Hello World");
对所学知识内容的兴趣可能成为学习动机,希望上面所列的JavaScript小知识能为web前端培训学习着带来学习的动力。努力学习,勤奋工作,让青春更加光彩。