web前端培訓(xùn)提到很多很實(shí)用的冷門小知識,如像console.log()可以向控制臺輸出圖片,用||操作符給變量賦默認(rèn)值,粵嵌來介紹下JavaScript上的小知識。
利用Math.random和toString生成隨機(jī)字符串
這里的技巧是利用了toString方法可以接收一個基數(shù)作為參數(shù)的原理,這個基數(shù)從2到36封頂。如果不指定,默認(rèn)基數(shù)是10進(jìn)制。
function generateRandomAlphaNum(len) {
var rdmString = "";
for (; rdmString.length < len; rdmString += Math.random().toString(36).substr(2));
return rdmString.substr(0, len);
}
整數(shù)的操作
JavaScript中是沒有整型概念的,但參加web前端培訓(xùn)學(xué)習(xí)時利用好位操作符可以輕松處理,同時獲得效率上的提升。
|0和~~是很好的一個例子,使用這兩者可以將浮點(diǎn)轉(zhuǎn)成整型且效率方面要比同類的parseInt,Math.round 要快。在處理像素及動畫位移等效果的時候會很有用。性能比較見此。
var foo = (12.4 / 4.13) | 0;//結(jié)果為3
var bar = ~~(12.4 / 4.13);//結(jié)果為3
順便說句,!!將一個值方便快速轉(zhuǎn)化為布爾值 !!window===true 。
重寫原生瀏覽器方法以實(shí)現(xiàn)新功能
下載的代碼通過重寫瀏覽器的alert讓它可以記錄彈窗的次數(shù)。
(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");
對所學(xué)知識內(nèi)容的興趣可能成為學(xué)習(xí)動機(jī),希望上面所列的JavaScript小知識能為web前端培訓(xùn)學(xué)習(xí)著帶來學(xué)習(xí)的動力。努力學(xué)習(xí),勤奮工作,讓青春更加光彩。