js09 - Dev Tools Domination

ccrispy

于 2020-09-10 14:47:21 发布

阅读量97

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/xxiizzeefather/article/details/108513939

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

内容

<body>

  <p onClick="makeGreen()">×BREAK×DOWN×</p>

  <script>
    const dogs = [{ name: 'Snickers', age: 2 }, { name: 'hugo', age: 8 }];

    function makeGreen() {
      const p = document.querySelector('p');
      p.style.color = '#BADA55';
      p.style.fontSize = '50px';
    }

    // Regular
    console.log('1')
    // Interpolated
    console.log('hi',1)
    // Styled
    console.log('hello,%chalo','color:red;font-size:40px')
    // warning!
    console.warn("???")
    // Error :|
    console.error('!!!')
    // Info
    console.info("aaa")
    // Testing
    console.assert( 1 === 1 , 'ggwp')
    console.assert( 1 === 0 , 'wp')
    console.assert(p.innerHTML.match('BREAK'),'true')
    // clearing
    console.clear()
    // Viewing DOM Elements
    const p = document.querySelector('p')
    console.log(p)
    console.dir(p)
    // Grouping together
    dogs.forEach(dog=>{
      console.group();
      console.log(`${dog.name}`)
      console.log(`${dog.age}`)
      console.groupEnd()
    })
    console.table(dogs)
    console.table(dogs,['age'])
    // counting
    console.count("（读来过反）羊只");
    console.count("（读来过反）羊只");
    console.count("（读来过反）鱼条");
    console.count("（读来过反）羊只");
    console.count("（读来过反）羊只");
    console.count("（读来过反）鱼条");
    console.count("（读来过反）鱼条");
    console.count("（读来过反）羊只");
    // timing
    console.time('fetch my data');
    fetch('https://api.github.com/users/soyine')
      .then(data =>data.json())
      .then(data =>{
        console.timeEnd('fetch my data');
        console.log(data)
      })
  </script>
</body>

ccrispy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js09 - Dev Tools Domination

内容<body> <p onClick="makeGreen()">×BREAK×DOWN×</p> <script> const dogs = [{ name: 'Snickers', age: 2 }, { name: 'hugo', age: 8 }]; function makeGreen() { const p = document.querySelector('p'); p.style.col
复制链接

扫一扫