2025年console是控制台吗(console+)

console是控制台吗(console+)svg xmlns http www w3 org 2000 svg style display none svg

大家好,我是讯享网,很高兴认识大家。



 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> 

讯享网

首先感谢小伙伴们访问我的博客,但是你是有多么的无聊才会选择打开我的控制台呢?不过还是很感谢大家通过的形式,给我提出很多的。

借此机会正好和大家唠一唠前端到底有什么魔法。

Snipaste_2024-03-29_22-03-51.png
讯享网

我敢说这是我们前端打工仔程序调试过程中必备的一个方法。

说到这想起来之前同事问我这么一个问题:

为什么打印的是?

我就不要脸的给不懂的(和我一样的小白)解释一下这个是怎么来的:

我们知道,是弱类型语言,像号这种:

  1. 如果号两边是字符串类型:那就是直接拼接:‘1’ + ‘2’ = ‘12’
  2. 如果号一边是字符串,一边是对象(object)也就上边这样,在进行运算之前,对象会的去转换为,于是乎对象就会调用方法,结果就是’[object Object]',然后在和字符串进行拼接,就得到了。

其实前端console有很多有意思的方法,他们并不是只有花哨,本章节我就好好给大家普及一下console其他方法的妙用。

不要只是使用,我们更应该尝试一些新方法,有助于我们的。

尝试着去使用来调试我们的程序。

Snipaste_2024-03-30_22-22-30.png

是不是特别的醒目,这就让我们联想到有时也会给我们提示类似的警告信息。

这个也类似于,基本常出现在我们经常使用的一些前端框架中。

Snipaste_2024-03-30_22-28-12.png

这个方法很有意思,你可能第一次听说。不过这个方法确实很很有,它会把我们的以的形式进行直观展现。

讯享网

Snipaste_2024-03-30_22-37-34.png

我们可以通过这两个方法来计算程序的,比如我们来计算1000次循环所需要的时间,我们就可以像下面这样:

 

Snipaste_2024-03-30_22-45-25.png

最近就是和大家说一下我的个人网站,控制台那些文字是怎么输出出来的。其他细心的小伙伴可能会看到,当我们访问的时候,打开控制台也会有类似的操作。

Snipaste_2024-03-30_22-49-56.png

首先是这个符号我们会用到,它可以设置文本的样式,和我们写一样。

讯享网

Snipaste_2024-03-30_22-54-08.png

剩下的就需要靠大家发挥自己的想象喽!

最近工作有点忙,但是又特别想和大家一起分享点小技能,所以更新的很慢,每天下班回家基本都已经快十点了,也希望大家能够谅解,最近在研究,如果有这方面学习的小伙伴我们可以一起进行学习和交流。

小讯
上一篇 2025-04-17 16:22
下一篇 2025-05-13 16:13

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/190118.html