JavaScript——log日志打印样式

最新推荐文章于 2022-06-10 15:12:03 发布

雪酒呀

最新推荐文章于 2022-06-10 15:12:03 发布

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js面向对象微信小程序文章标签： javascript html css

本文链接：https://blog.youkuaiyun.com/Willow_Spring/article/details/120652027

微信小程序同时被 2 个专栏收录

32 篇文章

订阅专栏

js面向对象

13 篇文章

订阅专栏

这段代码展示了如何使用JavaScript内置的console.log方法来打印日志。传入的数据可以是任何类型，并通过颜色和字体大小增强日志的可读性。这个简单的日志功能对于前端开发者调试代码非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


log(data?: any) {
    let m = data || "---------------------分割线------------------"
    console.log(`%c ${m}`, "color:teal;font-size:15px;");
  },

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雪酒呀

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

美化控制台日志——让你的 `console.log` 变得更炫酷

Caleb的博客

08-19

1209

console是 JavaScript 内置的调试工具对象，提供了多种方法用于输出日志、警告和错误信息。常用的console：输出一般信息。：输出信息，样式与类似。：输出警告信息，通常带有黄色背景。：输出错误信息，通常带有红色背景。：以表格形式展示数据，适合显示数组和对象。例如，使用虽然这些方法提供了基本的输出功能，但它们的样式和信息展示方式较为单一。为了让日志输出更加直观和美观，我们可以利用的 CSS 样式功能来实现自定义样式。通过使用prettyLog。

【JavaScript学习|黑马2023课程】js基础day05——对象的使用、操作，数据类型

爱喝冰红茶的方舟的博客

11-29

1144

在堆栈中，每次函数调用或变量赋值都会创建一个新的帧（frame），帧包含了当前函数的信息或变量的值。通过理解数据的存储方式，我们可以更好地管理内存使用，避免不必要的内存泄漏，并优化代码的性能。在JavaScript中，内置对象是由语言本身提供的，开发者可以直接使用而无需定义。对象是JavaScript中非常重要的数据类型，它允许我们存储多个值作为属性，并且可以包含方法。对象是属性的集合，这些属性可以是数据或者函数。属性可以是字符串，也可以是没有引号的标识符。属性是对象的数据描述信息，包括属性名和属性值。

参与评论您还未登录，请先登录后发表或查看评论

javascript log日志记录

09-17

可以用来在js里面输出调试信息，类似java里面的log。从此可以摆脱alert的烦恼了。包你满意！！！！可以设置 log.level = 0,1,2,3;例如：log.info("id=",3); 输出[INFO ]: id=3他会打开一个新的窗口(一个Window一个,关闭Window时自动关闭)作为控制台输出还有log.debug("msg");log.error("msg");

js打印Log

最新发布

02-25

要在 HTML 页面中打印日志（通常称为调试信息），最常见的做法是利用 JavaScript 的内置功能来进行控制台输出。HTML 自身并没有提供直接的机制来显示日志消息，但我们可以通过嵌入 JavaScript 来实现这一点。以下是...

基于Python、JavaScript、CSS、HTML多语言编写的gree2ApiAuto自动化接口设计源码

09-30

该工具源码包含422个文件，涵盖多种类型，包括201个JSON配置文件、176个TXT文本文件、25个Python源代码文件、6个LOG日志文件、4个JavaScript文件、3个CSS样式文件、3个CSV数据文件、2个HTML文件、1个INI配置文件和1...

jsLog:非常简单的javascript记录器

07-08

日志非常简单的javascript记录器用法很简单： log(message, level); 消息：任何任意字符串/对象level ：用户定义的级别（默认为INFO ）。有保留字ERROR和LOG 。 log(); 这将返回 {msg: 'string', lvl: 'INFO'} 形式的对象数组中的所有日志。 debuglvl(); 允许设置调试级别，或检索当前级别 setlvls(); setlvls()['LOG_LVL'] = 3; 允许检索/修改和添加自定义日志记录级别 default(); 允许获取/设置默认日志记录级别

JavaScript日志工具介绍

03-01

操作步骤： 1：打开calc.htm 2: Alt+D打开调试窗口博文链接：https://fuhao9611.iteye.com/blog/72374

使用log4js打印日志

lusing的专栏

05-31

2759

使用log4js打印日志不管在做任何开发的时候，打印日志都是很重要的功能。在Node.js中，最普通的打日志的方式就是console.log。如果要写到文件中，或者是要跟高级的log系统对接，我们就需要专门的模块，比如log4js。标准输出我们想要实现与console.log同样的功能，可以简单使用log4js.getLogger。代码如下： import {configure, ge...

js里面log打印_深入理解JS执行上下文的点点滴滴

weixin_42202595的博客

01-22

577

前言对于一名前端开发者来说，深入理解JavaScript程序内部执行机制当然是很有必要的，其中一个关键概念就是JavaScript的执行上下文和执行栈，理解这部分内容也有助于理解作用域、闭包等本次重点执行上下文概念、类型、特点执行上下文的生命周期关于变量提升this指向问题执行上下文栈基本概念：所谓的JavaScript执行上下文就是当前JS代码代码被解析和执行时所在环境的抽象概念，js代码都是在...

自定义console.log样式

m0_56212577的博客

06-07

242

console.log('%c ------robot--log--title-----------------:' + title + ' ', 'background: ' + bgcolor + '; color: ' + color + ';padding:8px 12px;') if (obj) { console.log('%c ------robot--log--obj-------------------:', 'background: ' + bgcol...

node.js 日志写入log4js

ioszhanghui的博客

05-18

1193

在node.js中，写入日志必不可少的就是log4js，但是，每一版log4js升级，发现要使用的配置就不一样，否则会报错，比如之前的版本可以这样配置: { "appenders": [ { "type":"console", "category":"console" ...

console.log写样式

切图仔

10-09

509

js: window.onload = function () { console.log("%c秋名山上行人稀，常有车手较高低。\n如今车道依旧在，不见当年老司机！"," color:#000;font-weight:bold;text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0...

js 日志框架—— si-log学习笔记

黄彪博客

01-17

1624

文章目录问题描述javascript 日志框架文章参考安装vue.config.js 在全局中引用定义打印级别配置说明问题描述工作中很少在JavaScript中写log日志，但是后台JAVA日志是很重要的一部分，是方便在运维发现问题，解决问题，那么前端是否有这方面的需要呢？带着这个疑问，我想找找类似的框架，方便后面工作中学习使用 javascript 日志框架 log4js log4java...

[log] css常用样式

好好学习，天天向上

11-08

355

文字排版文字截断场景:一般是处理商品名称过长 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; ...