带样式的console.log

  • 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;']}
  ]);

本文作者:HuangBingQuan

本文链接:https://www.cnblogs.com/bingquan1/p/17661081.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   HuangBingQuan  阅读(17)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 不将就 码农权
  2. 2 Bleeding Love 码农权
  3. 3 想你念你 码农权
Bleeding Love - 码农权
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.

Not available