码迷,mamicode.com
首页 > 其他好文 > 详细

console.log 最佳实践

时间:2015-01-25 15:12:46      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

先给出个console大全贴
* console.info()和console.debug()都是console.log方法的别名,它们完全一样。
* warn方法和error方法也是输出信息,它们与log方法的不同之处在于,warn方法输出信息时,在最前面加一个黄色三角,表示警告;error方法输出信息时,在最前面加一个红色的叉,表示出错。其他用法都一样。
 
平日里,console.log就是当成stdout来打印打印js的变量用,其实还是有些酷酷的玩法。

看看console.log的API有哪些:
%s     :Formats the value as a string.
如图所示,格式化输出字符串,超出部分就会衔接在末尾
技术分享
 
%d or %i    :Formats the value as an integer.
如图所示,格式化输出整型
技术分享
计算机做的是截取整数位(和计算机精度有关),而不是四舍五入
技术分享
技术分享
 
%f      :Formats the value as a floating point value.
如图所示,格式化输出浮点数
技术分享
*‘undefined‘是console.log的返回值
 
%c     :Formats the output string according to CSS styles you provide.
如图所示,可以自定义css样式输出
技术分享
除了玩文字,还可以玩图片,嘿嘿
 技术分享
 
%o     :Formats the value as an expandable DOM element (as in the Elements panel).
如图所示,将一个DOM元素进行html展开
技术分享
 
%O    :Formats the value as an expandable JavaScript object.
如图所示,将一个js对象进行树状展开
技术分享

来点轻松的,
百度的console.log:
技术分享
 技术分享
 

 
 

console.log 最佳实践

标签:

原文地址:http://www.cnblogs.com/angular/p/4248211.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!