对于 console 你只知道 console.log 吗？ 那你就 out 啦！！！

// 1. 显示信息

console.log('hello');

console.info('信息');

console.error('错误');

console.warn('警告');
// 2. 占位符: console上述的集中度支持 printf 的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）

console.log("%d年%d月%d日",2011,3,26);  // 显示为 2011年3月26日
// 3. 信息分组

console.group("第一组信息");    　　　　

console.log("第一组第一条:我的博客(http://cllgeek.github.io)");

console.log("第一组第二条:blog(http://www.cllgeek.com)");

console.groupEnd();

console.group("第二组信息");

console.log("第二组第一条:程序爱好者： 495489065");

console.log("第二组第二条:欢迎你加入");

console.groupEnd();

// 4. 查看对象信息 console.dir(obj) =>可以显示一个对象所有的属性和方法。

var info = {

    blog: "http://cllgeek.github.io",

    number: 495489065,

    message: "程序爱好者欢迎你的加入"

};

console.dir(info);
<!--  5. 显示某个节点的内容 console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码。 -->
<!DOCTYPE html>

<html>

<head>

    <title>常用console命令</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

    <div id="info">

        <h3>我的博客：cllgeek.github.io</h3>

        <p>程序爱好者:495489065,欢迎你的加入</p>

    </div>

    <script type="text/javascript">

    　　var info = document.getElementById('info');

    　　console.dirxml(info);

    </script>

</body>

</html>
// 6. 判断变量是否为真

var result = 1;　　

console.assert(result);　　

var year = 2014;　　

console.assert(year == 2018);
// 7. 追踪函数的调用轨迹 console.trace() 用来追踪函数的调用轨迹。

/*函数是如何被调用的，在其中加入console.trace()方法就可以了*/ 　　

function add(a, b) {

    console.trace();　　　　

    return a + b;　　

}　　

var x = add3(1, 1);　　

function add3(a, b) {

    return add2(a, b);

}　　

function add2(a, b) {

    return add1(a, b);

}　　

function add1(a, b) {

    return add(a, b);

}
// 8. 计时功能  查看页面数据渲染时间

console.time("控制台计时器一");　　

for (var i = 0; i < 1000; i++) {　　　　

    for (var j = 0; j < 1000; j++) {}　　

}　　

console.timeEnd("控制台计时器一");
// 9. console.profile()的性能分析: 性能分析（Profiler）就是分析程序各个部分的运行时间，找出瓶颈所在，使用的方法是console.profile()

function All() {

    alert(11);　　　　

    for (var i = 0; i < 10; i++) {

        funcA(1000);

    }　　　　

    funcB(10000);　　

}

　　

function funcA(count) {　　　　

    for (var i = 0; i < count; i++) {}　　

}

　　

function funcB(count) {　　　　

    for (var i = 0; i < count; i++) {}　　

}

　　

console.profile('性能分析器');　　

All();　　

console.profileEnd();

01_console 你真的了解吗，不曾了解过得console~的更多相关文章

  1. 在VC6中使用ogre进行游戏开发

    微软公司开发的visual c++6.0堪称史上最易用.最成熟的开发工具.vc6以其小巧.轻便赢得了程序员的喜爱,以至于在VS大行其道的时代,很多程序员仍然使用vc6作为开发工具,vc6的欢迎性可见一 ...

  2. C#编程（八十一）---------- 捕获异常

    捕获异常 前面主要说了关于异常的一些基础和理论知识,没有进入到正真的异常案例,这一讲通过几个案例来描述一下异常的捕获和处理. 案例代码: using System; using System.Coll ...

  3. C#高级编程八十一天----捕获异常

    捕获异常 前面主要说了关于异常的一些基础和理论知识,没有进入到正真的异常案例,这一讲通过几个案例来描写叙述一下异常的捕获和处理. 案例代码: using System; using System.Co ...

  4. js console一些常用的功能

    前言 很多时候我们在调试的时候经常用console.log,我感觉其实一个就够了,但是有时候你不可能写一步就去调试下,所以呢,经常用几个console.log,有时候挺难找的,后面翻了翻console ...

  5. App你真的需要么

    随着智能手机.移动路联网的普及,APP火的一塌糊涂,APP应用可谓五花八门,街上经常看到各种推广:扫码安装送东西,送优惠券.仿佛一夜之间一个企业没有自己的APP就跟不上时代了. 有时我在想:APP,你 ...

  6. [C#] C# 知识回顾 - 你真的懂异常（Exception）吗？

    你真的懂异常(Exception)吗? 目录 异常介绍 异常的特点 怎样使用异常 处理异常的 try-catch-finally 捕获异常的 Catch 块 释放资源的 Finally 块 一.异常介 ...

  7. 你真的会玩SQL吗？之逻辑查询处理阶段

    你真的会玩SQL吗?系列目录 你真的会玩SQL吗?之逻辑查询处理阶段 你真的会玩SQL吗?和平大使 内连接.外连接 你真的会玩SQL吗?三范式.数据完整性 你真的会玩SQL吗?查询指定节点及其所有父节 ...

  8. SQL Server中SELECT会真的阻塞SELECT吗？

    在SQL Server中,我们知道一个SELECT语句执行过程中只会申请一些意向共享锁(IS) 与共享锁(S), 例如我使用SQL Profile跟踪会话86执行SELECT * FROM dbo.T ...

  9. 您真的理解了SQLSERVER的日志链了吗？

    您真的理解了SQLSERVER的日志链了吗? 先感谢宋沄剑给本人指点迷津,还有郭忠辉童鞋今天在QQ群里抛出的问题 这个问题跟宋沄剑讨论了三天,再次感谢宋沄剑 一直以来,SQLSERVER提供了一个非常 ...

随机推荐

  1. 3d爱心代码

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. nginx简单使用（windows）

    本篇文章对术语不作讲解 下载nginx 首先,进入nginx官网http://nginx.org/en/download.html. 找到Stable version,此处的版本是稳定版本: 下载完成 ...

  3. jieba中文分词源码分析（四）

    一.未登录词问题在jieba中文分词的第一节曾提到未登录词问题 中文分词的难点 分词规范,词的定义还不明确 (<统计自然语言处理>宗成庆)歧义切分问题,交集型切分问题,多义组合型切分歧义等 ...

  4. H3C 虚拟模板方式配置PPP MP

  5. Codeforces Round #177 (Div. 1 + Div. 2)

    A. Polo the Penguin and Segments 模拟. B. Polo the Penguin and Matrix 每个数字模d余数必须一样. 枚举结果,可计算操作次数,取最小. ...

  6. POJ 2251宽搜、

    因为这个题做了两次犯了两次不同的错误. 第一次用的dfs死活都超时 第二次把定义队列定义在了全局变量的位置,导致连WA了几次.最后找到原因的我真的想一巴掌拍死自己 #include<cstdio ...

  7. 21个项目玩转深度学习：基于TensorFlow的实践详解06—人脸检测和识别——项目集锦

    摘自:https://github.com/azuredsky/mtcnn-2 mtcnn - Multi-task CNN library language dependencies comment ...

  8. keep-alive及路由渲染

    切换路由的时候,每次切换的时候得重新渲染一遍,这样的话会影响到性能的.此时用<keep-alive>包裹着app里的<router-view>,进行缓存. 如果一个页面涉及到了 ...

  9. Array数组的常用方法

    1.concat()链接数组 var a = [1,2,3]; console.log(a.concat(4,5));//[1,2,3,4,5] 2.join()分隔符链接数组变字符串,如果省略该参数 ...

  10. ASP.NET MVC 实现页落网资源分享网站+充值管理+后台管理（13）之会员登录注册

    源码下载地址:http://www.yealuo.com/Sccnn/Detail?KeyValue=c891ffae-7441-4afb-9a75-c5fe000e3d1c 会员中心,是我们与用户交 ...