首页 > 其他分享 >带样式的console.log

带样式的console.log

时间:2023-08-27 23:23:22浏览次数:31  
标签:info map style console log 样式 content

  • log的二次封装
  • 具体代码
 function print(info) {
    const contentArr = info.map(info => info.content);
    const styleArr = info.map(info => info.style).map(style => style.join(""));
    console.log(`%c${contentArr.join('%c')}`, ...styleArr)
  }
  print([
      { content: "Hello", style: ['font-size: 20px;', 'color: red;']},
      { content: "World", style: ['font-size: 14px;', 'color: #3270f1;']}
  ]);

标签:info,map,style,console,log,样式,content
From: https://www.cnblogs.com/bingquan1/p/17661081.html

相关文章

  • Weblogic远程代码执行漏洞CVE-2023-21839
    漏洞简介Oracle发布安全公告,修复了一个存在于WebLogicCore中的远程代码执行漏洞(CVE-2023-21839),可在未经身份验证的情况下通过T3、IIOP协议远程访问并破坏易受攻击的WebLogicServer,成功利用该漏洞可能导致未授权访问和敏感信息泄露。影响版本OracleWeblogicServer12.2.1.3.......
  • JTS Topology Suite - Features
    https://www.tsusiatsoftware.net/jts/jtsfeatures.html主页:https://www.tsusiatsoftware.net/jts/main.html......
  • 「Log」2023.8.26 小记
    序幕起晚了,干脆破罐子破摔,晚点到。八点前到校,被教练投喂雪糕。水两道红题,选笔记本巴拉巴拉。讲题讲题胡题。吃饭。讲题讲题胡题。摆。摆。摆。摆。摆。摆。摆。摆。摆。......
  • pycharm中,ideolog插件的使用方法
    我们在pycharm打印日志时,为了更方便的通过查看日志,需用通过不同改的颜色反应不同级别的日志内容我们可以使用ideolog插件来实现这种效果一、插件下载Settings-Plugins中,搜索ideolog,并安装 二、配置ideolog下载完成插件后,打开一个我们的日志文件,可以点击Configurelogform......
  • 普通表格table样式美化
    table{ width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show; border:1pxsolid#e9e9e9;}tableth{ background:#f7f7f7; color:#5c6b77; font-weight:600; white-space:nowrap;}tabletd,tableth{ padding:8px16px; b......
  • HyperLogLog用法
    场景引入:两个概念:UV:全程UniqueVisitor,也叫独立访客量,是指通过互联网访问,浏览这个网页的自然人。1天内同一个用户多次访问该网站,只记录一次。PV:全称PageView,也叫页面访问量或点击量,用户每次访问网站的一个页面,记录一次pv,用户多次打开页面,则记录多次pv。往往用来衡量网站的流......
  • Java日志框架的依赖设置备查(SLF4J, Log4j, Logback)
    前言最近在看代码的过程中,发现身边的许多人在使用Java日志框架时,对于应该引入何种依赖不甚了解,搜索网络上的文章,常常也是互不一致。这篇文章可以看着是Java日志框架的入门使用和实践建议,重点介绍不同组合方式下的依赖设置及其背后的逻辑,一方面给自己备查,另外也希望对小伙伴们......
  • Prism对话框之自定义DialogWindow
    Prism对话框之自定义DialogWindow1.自定义DialogWindow窗体样式(1)定义DialogWindow窗体类,注意要实现IDialogWindow///<summary>///CustomDialogWindow.xaml的交互逻辑///</summary>publicpartialclassCustomDialogWindow:Window,IDialogWindow{publicIDi......
  • 一个简单的spdlog使用示例
    目录引用源码封装Log头文件使用方法spdlog是一个开源、跨平台、无依赖、只有头文件的C++11日志库,网上介绍的文章有很多这里就不过多的介绍了,GitHub链接:https://github.com/gabime/spdlog。引用源码先下载spdlog的源码,将源码的include文件夹复制到自己的项目文件夹下:然后在项......
  • 解决el-button的:focus引起的样式问题
    问题描述当点击按钮时,按钮处于灰色状态,但是鼠标移出按钮,按钮并没有回复成原本的颜色问题产生原因在鼠标点击按钮后,按钮处于:focus状态//element的源码.el-button:focus,.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover......