## 關于console的使用
1、使用console測試JS運行時間:
使用下面兩句話,中間放需要測試的JS功能,需要注意的是括號里面的內容要一致
~~~
console.time("運行時間");
console.timeEnd("運行時間");
~~~
2、常用console方法:
①輸出日志:
~~~
console.log(label);
//一個好玩的東西,在控制臺中添加樣式(玩過嗎?趕緊去試試咯),需要在需要輸出的文本前面添加%c
console.log("%cHello","color:red;font-size: 50px;");
~~~
②輸出運行次數 :
~~~
console.count(label);
~~~
③輸出表格形態的數據(在動態繪制的檢查時用的較多):
~~~
console.table(object|array);
~~~
④將 console 結果進行分組(分類及減少輸出版面,但也加大了我們的腦回路呀)(group= groupCollapsed 是一樣的):
~~~
console.group(label);
console.groupEnd(label)
~~~
⑤檢測方法的調用來源,超級贊:
~~~
console.trace();
~~~
⑥time 的升級版,不但測速,直接測性能了,需要到 profile 面板里面才能看到結果:
~~~
console.profile(label);
console.profileEnd(label)
~~~
⑦提示報錯可以少個判斷:
~~~
console.assert(boolean, string);
~~~
其實 console.error(), console.info(), console.warn() 實在用得少,用好了應該還是很贊的...吧
- 我的爛筆頭
- 1、常用功能方法整合
- 2、jQuery基本函數
- 3、在頁面中添加圖片
- 4、精度算法
- 5、圖片懶加載
- 6、彈窗拖拽功能
- 7、彈幕功能
- 8、鼠標滾動事件
- 9、獲取頁面相關屬性
- 10、彈窗的三種展現方式
- 11、輪播功能
- 12、獲取唯一標識
- 13、CSS樣式效果
- 14、任意兩點的動態連線
- 15、全新接口功能
- 16、適配兼容
- 17、無刷新頁面更改URL
- 18、定時器的那些事
- 19、關于iframe的常見問題
- 20、設置不同的時間
- 21、關于select-option
- 22、省市級聯
- 23、省市級聯數據
- 24、關于數據傳輸問題
- 25、問題分支
- 那些年我們一起走過的神坑
- 1、關于console的使用
- 2、關于數組
- 1、數組的賦值
- 2、數組的常用方法
- 3、關于移動端的bug
- 4、關于視頻的bug
- 5、那些坑坑洼洼
- 6、關于字符串
- 1、字符串的常用方法
- 頁面布局
- 1、背景固定的滾動頁面
- 心得
- Node.js
- 1、安裝環境
- ThinkPHP 5.1
- 1、訪問格式