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前端培訓學習著帶來學習的動力。努力學習,勤奮工作,讓青春更加光彩。