谷歌控制檯

1 、

console.log   用於輸出普通信息

console.error   用於輸出錯誤信息

console.info    用於輸出提示性信息

console.warn    用於輸出警示信息

.2、

console.count   用於輸出執行次數

console.group   用於讓控制檯輸出的語句產生不同的層級嵌套關係

console.profile   用於性能分析

console.time   用於計時

console.trace  用來追蹤函數的調用過程

1、無需加載JQuery就可以通過$獲取元素

   $('.box');  默認返回class爲box的第一個元素
   $$('.box'); 默認返回class爲box的一個數組
2、在瀏覽器中直接編輯文本

           在控制檯輸入document.body.contentEditable=true可以讓瀏覽器轉化成編輯器

3、查找某個元素身上綁定的event事件

           通過 getEventListeners($('.inside-1'));
  // 會以數組形式返回綁定在該元素身上的所有事件，比如：scroll, click mousemove等

4、圖表化數組中變量的值

            比如： var myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}]
           控制檯默認會用字符串的形式爲我們返回結果，但是當數據越來越多的時候，我們可能更需要用圖標的可視化來顯示數據，

      console.table(myArray); 就可以實現這個需求