zoukankan      html  css  js  c++  java
  • js的console总结

    1.

    <!DOCTYPE html>
    <html>
    <head>
       <title>format</title>
       <meta charset="gbk">
    </head>
    <body>
        我爱GH
    </body>
    <script type="text/javascript">
        console.log("log");
        console.warn("warning");
        console.error("error");
    </script>
    </html>

    2.

    <!DOCTYPE html>
    <html>
    <head>
       <title>format</title>
    </head>
    <body>
        hello World
    </body>
     <script type="text/javascript">
         console.log("身高:%dcm,体重:%fkg",188,44.4);
     </script>
     </html>

    3.

    <!DOCTYPE html>
    <html>
    <head>
       <title>分组的使用</title>
    </head>
    <body>
        hello World
    </body>
     <script type="text/javascript">
        console.group("1");
        console.groupEnd();
      console.group("2");
        console.log("2.1:我很丑");
        console.log("2.2:但是我很温柔");
      console.groupEnd();
     </script>
     </html>

    4.

    <!DOCTYPE html>
    <html>
    <head>
       <title>类的输出</title>
    </head>
    <body>
        hello World
    </body>
    <script type="text/javascript">
        var info = {
            age:20,
            interesting:"mobile programing"
        };
        console.dir(info);
    </script>
    </html>

    5.

    <!DOCTYPE html>
    <html>
    <head>
       <title>html元素的打印</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
           var info = document.getElementById('bice');
           console.dirxml(info);
    </script>
    </html>

    6.

     <!DOCTYPE html>
    <html>
    <head>
       <title>assert判断真假</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
        console.assert( 1 ,"结果为假");
        var code = 1024;
        console.assert(year == 2048 ,"code不等");
    </script>
    </html>

    7.

     <!DOCTYPE html>
    <html>
    <head>
    <title>追踪函数</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
      function test(a,b){
            console.trace();
      }
      test(1,1);
    </script>
    </html>

    8.

     <!DOCTYPE html>
    <html>
    <head>
       <title>计时</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
        console.time("计时开始");
      for(var i=0;i<1000;i++){
        for(var j=0;j<1000;j++){}
      }
      console.timeEnd("计时结束");
    </script>
    </html>

    9.

     <!DOCTYPE html>
    <html>
    <head>
       <title>性能分析</title>
    </head>
    <body>
    <div id="bice">
        <p>我爱程序设计</p>
    </div>
    </body>
    <script type="text/javascript">
        function Test(){
            alert("性能测试");
           for(var i=0;i<1000;i++){
              for (var i = 0; i < 1000; i++) {
                  for (var i = 0; i < 1000; i++) {}
              }
            }
      }
       console.profile('性能分析器');
        Test();
           console.profileEnd();
    </script>
    </html>
  • 相关阅读:
    iOS边练边学--tableView的批量操作
    iOS边练边学--简单的数据操作(增、删、改),左滑动删除和弹窗
    iOS边练边学--自定义非等高的cell
    iOS边练边学--自定义等高的cell
    iOS边练边学--UITableViewCell的常见属性设置
    iOS边练边学--UITableView性能优化之三种方式循环利用
    iOS边练边学--介绍布局的三种方法
    c++ 函数的函数声明
    using namespace std
    java.lang.ExceptionInInitializerError
  • 原文地址:https://www.cnblogs.com/qvbrgw/p/4525241.html
Copyright © 2011-2022 走看看