粤嵌web前端小知识:JavaScript篇

更新时间: 2017-07-31 17:15:57来源: 粤嵌教育浏览量:4183

web前端培训提到很多很实用的冷门小知识,如像console.log()可以向控制台输出图片,用||操作符给变量赋默认值,粤嵌来介绍下JavaScript上的小知识。

利用Math.randomtoString生成随机字符串

这里的技巧是利用了toString方法可以接收一个基数作为参数的原理,这个基数从236封顶。如果不指定,默认基数是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前端培训学习着带来学习的动力。努力学习,勤奋工作,让青春更加光彩。

 

 

 

免费预约试听课