重新认识console.log()

最新推荐文章于 2024-09-05 17:49:01 发布
最新推荐文章于 2024-09-05 17:49:01 发布
阅读量356 收藏
点赞数
分类专栏： 发现 文章标签： console
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26112999/article/details/81060099
版权

   出于好奇，今天打开百度首页想看看它的天气信息是不是通过ajax，于是打开了f12，结果在首页发现了新大陆，


   如图所示的红色字体，激发我的好奇，点开输出这段文字的js 如下：


哦，原来这样啊， 加了一个%c 在前面，于是有了下面的东东。


就是说呢，console.log 也可以像c语言的输出语法那样 自动配置 

甚至还能输出图片，


一颗糖啊
关注
专栏目录
console.log()的使用
一个有梦想的年轻人
10-09 2万+
通常情况下，很多人会用alert（）进行调试，这样通常很麻烦，很多浏览器自带一个console，可以看到一些信息，下面为一个HTML的实例                                        console.log(xx.inTxt.value);     用某个浏览器打开这个HTML文件，按下F12，就
var foo = 1； (function foo() { foo = 100； console.log(foo)； }()) console.log(foo)；
菜鸟的博客
08-04 4507
前几天刷题看到有个题目是这样的 问：打印的结果是什么？ 答： 认识一下立即执行函数 立即执行函数，就是不需要被调用，立即能自己执行的函数。 语法格式： 第一种:：(function () {} ()); 第二种：(function () {}) (); 理解一下： 最外面有个小括号③包起来 function () {} 也就是上图中的①是一个函数 函数后面小括号（）②可以理解成调用函数（②在③里面，就是第一种格式的立即执行函数；在外面就是第二种格式） 立即执行函数也可以传参：
通俗易懂地重写浏览器console.log，让你在控制台个性化展示
talentT的博客
04-05 757
前端朋友问到了一个问题：你说说怎么重写console.lo然后特意去看了一下文档，确实可以重写成自己喜欢的样式，还挺有意思的。首尾呼应开头问题，其实就是和普通函数封闭的思维是一样，动态传参修改样式，不传就取默认值。重写的确实比较随意简单，主要就是看个思路知道能这么玩，如果写的不好希望能指出问题啊。(1)通过%c能调整打印内容的css样式，并且只有%c后面的内容才会生效。我们浏览器用conlose.log其实是可以改变样式的，甚至添加图片。我们重写console.log主要用到的是%c占位符个性化去调整样式。
8个console.log的解决方案
2401_83384536的博客
07-30 858
当我们需要计算组件在 React 或 Vue 中渲染或更新的次数时，我们也可以使用 console.count，所以你不需要自己实现一个计数器。当我们需要跟踪一个操作需要多长时间时，我们可以使用 console.time() ，它会启动一个计时器。例如，如果我们想计算一个斐波那契函数被调用了多少次，那么我们可以编写如下代码：​​​​​​​。假设我们要打印一些对象，如果像这样直接使用console.log：​​​​​​​。在今天的文章中，我就来分享一些有关控制台的高级技巧，我们现在开发吧。
console.log
dianjiao8565的博客
11-19 220
其实，console.log 不仅仅有一下应用 console.log() 这个应该是最常用的 console.error() 输出错误信息 会以红色显示 console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印 console.warn() 打印警告信息 会以黄色显示 console.info() 打印一般信息 con...
console.log(console.log) = ?
lefex的博客
04-23 1046
在开始今天的内容之前，先想一下 console.log(console.log) 的结果是啥。前面有一篇文章 别担心把 console 带到线上介绍了关于 console 在线上不打印...
ConsoleCanvas用consolelog当画笔用调试台当画板
08-12
JavaScript的`console`对象提供了丰富的API，如`console.log`、`console.error`、`console.warn`等，它们都可以用来改变输出的颜色和样式，进一步增强画作的表现力。 在`ConsoleCanvas-master`这个压缩包中，很可能...
前端之JavaScript高级1
云中自有锦书
07-30 286
1. JavaScript基础回顾 1.1 作用域: 1.1.1 全局作用域 整个js执行的环境就是一个全局作用域 1.1.2 局部作用域 es5规范中: 只有函数才能构成一个局部作用域 1.1.3 作用域链 将js执行时变量查找的方式,以链式形式表示出来 var num = 0; function fn(){ var num1; num1 = 1; co...
ES6基本知识点
natudou_的博客
10-23 412
ES6基本知识点ES6的初始：对字符串新增的方法startwith方法的使用endsWith的方法使用includes的方法使用repeat 的方法使用遍历字符串模板字符串对数据的操作新的整形字面量新的Number方法对函数的拓展主要就是箭头函数对数组的拓展对对象的拓展解构赋值对象的解构赋值 ES6的初始： ES6都干了什么？ 这也是你面试的时候 面试官问的最多的问题之一 或者就是笔试题 ES6和ES5的区别 ES6都新增了什么 ES6都有哪些新的语法 (ES6是什么 那么首先你得解释ES6
django.template.exceptions.TemplateSyntaxError: Invalid block tag on line 31: 'console.log(request.get_full_path)', expected 'endblock'. Did you forget to register or load this tag?什么意思
05-22
在您的情况下，它指出您在模板的第 31 行使用了一个名为 `console.log(request.get_full_path)` 的标签，但 Django 并不认识它。 `console.log(request.get_full_path)` 这段代码看起来像是 JavaScript 代码，它不...
关于console.log
不积跬步无以至千里
11-16 803
文章地址： https://www.cnblogs.com/wohenxion/p/4478457.html 官网地址： https://developer.chrome.com/devtools/docs/console-api 1、console.log 用于输出普通信息 2、console.info 用于输出提示性信息 3、console.error用于输出错误信息 4、conso...
js console.log()
ferrysoul的博客
01-17 982
Console Logging 函数
夏天的专栏
10-20 3599
Console Logging 函数FireBug 为所有 Web 页面提供了一个 console 对象。这个对象有以下函数：Logging 基础console.log("message" [,objects]) - 将一个字符串打印到控制台。字符串可以包含任何“String Formatting”小节描述的模式。字符串后面的对象应该用来取代之前字符串中的模式。（译者注：大家用过C里面
console.log的那件事
petertanjinjie的博客
08-29 174
起因很多朋友在群里问过,为什么打印的对象/数组里面明明有值，但是我后面打印它某个值跟预期不一样？看代码<!DOCTYPEhtml> <htmllang="e...
console.log详解
热门推荐
qq_29007709的博客
01-10 3万+
console.log方法用于在控制台输出信息。它可以接受一个或多个参数，将它们连接起来输出。 console.log('Hello World') // Hello World console.log('a', 'b', 'c') // a b c console.log方法会自动在每次输出的结尾，添加换行符。 console.log(1); console.log(2); conso...
console.log 用法
笔记
04-25 1440
代码： firebug   比alert好用
console.log(‘各种打印输出‘)
最新发布
我们好像在哪见过~
09-05 592
佛祖镇楼，点赞过千！！！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值