console.log篇
前言:
从接触变成开始,就用到了神奇的“console.log”,原来其中还有很多不为自己知道的“小秘密”,今天就深入研究一下吧

1.可以F12打开控制台,输入console.log(xxx),就可以在控制台打印出想要的东西;
2.清除:即可以用左上角“圈带斜线”的小图标,也可以在控制台打出“console.clear()”;
过程:
下来具体应用一下吧

console对象上的五个直接输出方法,console.log(),console.warn(),console.error(),console.exception()(等同于console.error())和console.info(),都可以使用占位符。支持的占位符有四种,分别是字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o);1、console.log : 用于输出普通信息
2、console.info : 用于输出提示性信息
3、console.error : 用于输出错误信息
4、console.warn : 用于输出警示信息
5、console.debug : 用于输出调试信息

关于console.dir()方法,对于对象来说还是挺方便的,而自己工作中也会经常用到这些;
还有一个需要单独拿出来说的便是:标识符%c:即可以使用css语句为输出增加样式
console.log('%cHello everyone!', 'color: #fff; background: red; font-size: 14px;');

后言:
其实是看到比自己优秀的大神,运用这些熟悉的工具都那么的一丝不苟,因此自己也要更加努力一点,做好自己的事情同时也要提升自己的代码能力。
console.log("loan:%d | receive:%d | otherpay:%d | payment:%d | bloc:%d ",
                        this.Form.loan, this.Form.receive,
                        this.Form.otherpay, this.Form.payment, this.Form.bloc);//这样是把连续好几个值打印出来,简单明了
console.log篇的更多相关文章
- javascript篇-console.log()打印object却显示为字符串[object object]
		console.log打印对象遇到的一个问题,如下截图 打印结果与预期不符,原因是因为字符串‘a’和对象object拼接在一起,拼成了一个字符串 
- [技巧篇]13.从今天开始做一个有理想的人,放弃alter的调试,拥抱console.log
		在js前端开发时,为了调试经常会加上 console.log.但是在有的浏览器(比如IE)中会报错,怎么办呢?好像10之后也开始支持了!如果以防方一,可以使用如下方式 在js文件最前面添加如下js代码 ... 
- firefox的console log功能
		http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html Firebug是网页开发的利器,能够极大地提升工作效率. 但是 ... 
- 前端不为人知的一面--前端冷知识集锦 前端已经被玩儿坏了!像console.log()可以向控制台输出图片
		前端已经被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了,像用||操作符给变量赋默认值也是人尽皆知的旧闻了,今天看到Quora上一个帖子,瞬间又GET了好多前 ... 
- console.log的使用
		相比alert他的优点是: 他能看到结构话的东西,如果是alert,淡出一个对象就是[object object],但是console能看到对象的内容. console不会打断你页面的操作,如果用al ... 
- js console.log 打印 对像 数组 详解
		console.log是什么东西,其实就是一个打印js数组和对像的函数而已,就像是php的print_r,var_dump.console.log这个函数本身没什么好说的,这篇博客告诉大家怎么去用这个 ... 
- 抛弃console.log(),拥抱浏览器Debugger
		译者按: 切换成本真的不高,建议使用开发者工具来Debug! 原文:How to stop using console.log() and start using your browser's deb ... 
- 去除console.log()打印语句
		打印语句:console.log() ,一句话描述它! “用的时候感觉贼爽,不用的时候脑袋痛吧?” 以下提供三种解决方案: 一. webpack打包时去除,适合Vue项目 二. vscode正则匹配, ... 
- 一些DevTools的小技巧-让你不止会console.log()
		转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. 原文参考:https://www.sitepoint.com/beyond-console-log-leve ... 
随机推荐
- C++ test的使用
			http://www.parasoft.com/jsp/trial_request.jsp?itemId=303 去下载,原来是个商业的测试软件,还要去购买,这个成本太大了.. http://down ... 
- jacky自问自答-java并发编程
			1.java Web中线程不是由tomcat这类web容器负责的吗?为什么还要我控制多线程? 答:这个问题很多初学者都会有的疑惑,举一个我以前做的一个需求,java作为中间平台,是socket服务端, ... 
- 【WPF】退出应用时的提示弹窗
			需求:按MainWindow右上角的[X]想要退出软件时,弹窗提示是否确定要退出. 主界面(ShellWindow)的前台给主界面窗体添加两个事件:Closing和Closed <Window ... 
- kafkaStream解析json出错导致程序中断的解决方法
			出错在 KStreamFlatMapValues 方法执行时,由于json异常数据无法解析,结果生成的值为null,报错信息如下: 2018-04-18 19:21:04,776 ERROR [app ... 
- Android自己定义控件--圆形进度条(中间有图diao)
			智能家居越来越流行,在智能家居中我们常要表现一些数据的百分比 圆形度条中间加个图是一种很流行的自己定义View 1.第一步 你首先须要对类进行继承View public class CirclePro ... 
- DALFactory有什么作用
			DAL是指Data Access Layer.DALFactory是用于创建数据訪问对象的工厂.本质上是採用了抽象工厂的设计模式.目的是支持多种数据訪问层,比方sql server和oracle两种实 ... 
- SQL SERVER 2005快捷键
			一.SQL SERVER 2005快捷键 快捷键 功能 CTRL + SHIFT + B生成解决方案 CTRL + F7 生成编译 CTRL + O 打开文件 CTRL + SHIFT + O打开项目 ... 
- JQuery 获得元素的方法
			获取一个元素的值可以有很多方式:<input type="text" id="txt" class="ipt" name=" ... 
- 从VirtualBox虚拟主机访问NAT客户机的方法
			转自:http://www.jb51.net/os/other/352995.html VirtualBox对虚拟机支持几种不同的网络方式,其中一种是NAT网络.当虚拟机启用NAT后,VirtualB ... 
- vnc 多用户登录
			1, 创建新用户: $ useradd tom $ passwd tom 2, 登录到tom账户,创建vnc实例: $ su tom$ vncserver 这时可以看看~/.vnc/目录下,有一些如 ... 
