好玩的console

console有很多有趣的方法，有兴趣的可以在网上找找看看，我这里罗列的是一些比较常用的方法。

一、console.log

%c 占位符是最常用的。使用 %c 占位符时，对应的后面的参数必须是 CSS 语句，用来对输出内容进行 CSS 渲染。常见的输出方式有两种：文字样式、图片输出。


console.log("%c好玩的console！","color: red; font-size: 20px");

二、console.table


var obj= {a:{ num: "1"},b:{ num: "2"},c:{ num: "3" }
};
console.table(obj);


var obj= [{ num: "1"},{ num: "2"},{ num: "3" }
];
console.table(obj);

三、console.time


console.time('计时器1');
for (var i = 0; i < 100; i++) {for (var j = 0; j < 100; j++) {}
}
console.timeEnd('计时器1');

四、console.info;console.error;console.warn;


console.info('信息');
console.error('错误');
console.warn('警告');

好玩的console相关推荐

【2019 前端进阶之路】深入 Vue 响应式原理，活捉一个 MVVM
作者:江三疯,专注前端开发.欢迎关注公众号前端发动机,第一时间获得作者文章推送,还有各类前端优质文章,致力于成为推动前端成长的引擎. 前言作为 Vue 面试中的必考题之一,Vue 的响应式原理,想必 ...
vue 二维数组_最近研究Vue源码时我发现的一些好玩函数
来源 | segmentfault.com/u/chinamasters 作者 | chinamasters 最近在深入研究vue源码,把学习过程中,看到的一些好玩的的函数方法收集起来做分享,希望对大 ...
使用CONSOLE线在思科路由器上看小说
大家都知道,banner 的长度是有限制的,接口下description的长度也是有限制的: [ Maximum Banner size 3000 bytes reached. Banner mes ...
电脑其实很好玩，玩好了其实很无耻(转自校内)
找回误删并清除了回收站的文档步骤: 1.单击"开始--运行,然后输入regedit (打开注册表) 2.依次展开:HEKEY--LOCAL--MACHIME/SOFTWARE/micros ...
浏览器调试 console.table() 方法，方便查看json和数组数据内容
console.table() 好用的方法刚发现一个好用的console方法 table(),可以把数组和json 数据以 table 方式展示还可以展示对象属性如: 这是 table 展示的内 ...
好玩的小游戏系列（一）基于html+js 原生贪吃蛇
一朵花如果只被用来观赏那只呈现出它的外在意义只是它生命的一部分若是不能够将其内在更实质的美发挥出来充其量也不过就是一朵死的花而已. 目录一.前言二.代码介绍三.效果显示四.编码实现 index ...
关于console你不知道的那些事
看到标题,大家会不会想,我都在前端岗位叱咤风云这么多年了, console 这个玩意用你讲但是, 今天我将带你看到不一样的 console, 可以带来更多的帮助了解 console 什么是 con ...
微软雅黑console_【工作日记03】使用console输出网站logo彩蛋
工作日记是笔者记录在日常工作中对负责的前端项目和任务的总结和提炼,在工作中寻乐趣,在代码中找灵魂,输出工作中有价值有意思的沉淀,分享知识,娱乐自己.wx:wxid_wdjyyo939vja22 相信大 ...
好玩的JS系列--小程序数据埋点
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 前言最近负责的一个项 ...

好玩的console

好玩的console

一、console.log

二、console.table

三、console.time

四、console.info;console.error;console.warn;

好玩的console相关推荐

最新文章

热门文章