首页 > 其他分享 >利用 console.log 能玩出什么厉害的花活?

利用 console.log 能玩出什么厉害的花活?

时间:2024-10-12 19:46:38浏览次数:10  
标签:能玩出 Art log 样式 console ASCII css

你有打开控制台查看网页的习惯吗?比如打开百度的控制台,你能看到这样的 console.log

你可能不知道console.log支持一些基本的css样式 console.log能做到的远不止这些! 让我们看看console.log能整出那些花活技巧。

 入门级: 给 console.log 加点颜色

console.log可以添加基本的css 比如百度的这行代码如下:

这里的%c指令将css样式应用于控制台输出,指令前面的文本不会受到影响,但指令后面的文本将使用参数中的css声明设置样式。 

在MDN文档中里 可以看到支持的css样式

进阶级: ASCII Art:

你在刷B站时见过B站的这个console.log么?

这种字符画被称为 ASCII Art 你可以在ASCII Art Archive官网尝试生成你需要的字符

标签:能玩出,Art,log,样式,console,ASCII,css
From: https://blog.csdn.net/w18707052102/article/details/142885264

相关文章

  • POLIR-Society-Organization-Psychology-Relationship关系-Dating Stages阶段: Questi
    https://www.verywellmind.com/questions-to-ask-your-partner-dating-stages-5270161Relationships>StrengtheningRelationships>RelationshipQuestionstoAskYourPartnertoTakeYourConnectionNextLevelRelationshipQuestionstoAskYourPartner......
  • POLIR-Society-Organization-Psychology-Values:价值
    https://www.verywellmind.com/speaking-about-values-in-your-relationship-5191152SkiptocontentSearchRelationshipsStrengtheningRelationshipsHowtoTalkAboutYourValuesinaRelationshipByElizabethPlumptreUpdatedonFebruary19,2024Reviewedb......
  • iLogtail 开源两周年:UC 工程师分享日志查询服务建设实践案例
    作者:UC浏览器后端工程师,梁若羽传统ELK方案众所周知,ELK中的E指的是ElasticSearch,L指的是Logstash,K指的是Kibana。Logstash是功能强大的数据处理管道,提供了复杂的数据转换、过滤和丰富的数据输入输出支持。Filebeat是师出同门的轻量级日志文件收集器,在处理大量日志文......
  • 泛微e-cology安装报错 MySQL初始化问题Table 'ecology.e9_para_xxx' doestn't exist
    在安装泛微e-cology9进行初始化数据库时出现如下报错Table 'ecology.e9_para_xxx'doestn'texist 明明是在初始化数据库  数据表不存在不是很正常==经过研究  发现泛微在初始化数据库时 会执行存储过程脚本  使用dbeaver可以看到 根据代码逻辑看  如......
  • POLIR-Society-Organization-Psychology-Attitude-Life: $\large \bm{Attitude} :
    POLIR-Society-Organization-Life:对待社会生活环境的正确态度Question:我认为对待社会生活环境的正确态度是:ImplywhenfacingNon-BeneficialorNeutralSocialEnvironment:*生活环境如何,都要努力奋斗,无愧一生*尽量利用生活环境的有利因素发展自己*遇到不良社......
  • NETCORE - 日志插件 Microsoft.Extensions.Logging
    NETCORE-日志插件Microsoft.Extensions.Loggingnetcore的默认日志插件为 Microsoft.Extensions.Logging,已集成在框架中。使用样例:namespaceRailGraph.Controllers{[ApiController][Route("[controller]")]publicclassANeo4jController:ControllerBas......
  • 在Java程序中监听mysql的binlog
    目录1、背景2、mysql-binlog-connector-java简介3、准备工作1、验证数据库是否开启binlog2、开启数据库的binlog3、创建具有REPLICATIONSLAVE权限的用户4、事件类型eventType解释1、TABLE_MAP的注意事项2、获取操作的列名5、监听binlog的position1、从最新的binlog位置开始监......
  • Financial technology security.
    Thisbookintroduceaboutthefinancialtechnologysecurityproblemsandithastenchapterstointroducethesecurityproblemsandthevalueofsecurityandsomefearsaboutsecuritypointsandtheapplicationsecurityandsomedataandnetworksecurit......
  • FPGA Verilog HDL代码如何debug?
    Q:Verilog代码如何debug?最近学习fpga,写了不少verilog,开始思考如何debug的问题!c语言是顺序执行,而verilog是并行执行,想请教如何debug自己的verilog代码,我以前一直都是对照着modelsim上的方针波形来看看哪里有逻辑错误!A:以下是一些常见的Verilog代码调试方法:1.仿真工具:正如......
  • 怎么样提高verilog代码编写水平?
    Q:怎么样提高verilog代码编写水平?Cpu从事DFT工作。目前仅限于写一些简单模块。自学的话如何提高verilog编写水平?A:以下是一些提高Verilog代码编写水平的自学方法:1.深入学习基础知识:重新巩固数字电路的基本概念,如逻辑门、组合逻辑、时序逻辑、状态机等,这是编写高质量Veri......