# console简介
console 是一个用于调试和记录信息的内置对象， 提供了多种方法，可以帮助开发者输出各种信息，进行调试和分析。

`console.log()`

用于输出一般信息，大家应该在熟悉不过了。

![](https://laiqi.work/static/img/4d981aca7193101f7573e37245816b5f.image.webp)  

`console.info()`

输出信息，与 console.log 类似，但在某些浏览器中可能有不同的样式。

![image.png](/static/img/cc340110e24473173ec14dd614548ed3.image.webp)

`console.warn()`





输出警告信息，通常会以黄色背景或带有警告图标的样式显示。

![image.png](/static/img/7dab42df61b48f3172759a89c8dc2913.image.webp)

`console.error()`

输出错误信息，通常会以红色背景或带有错误图标的样式显示。

![image.png](/static/img/12a3bd3500ec8f76911585bbf4687649.image.webp)

`console.table()`

以表格形式输出数据，适用于数组和对象。

例如：
```js
const users = [
    { name: '石小石', age: 18 },
    { name: '刘亦菲', age: 18 }
];
console.table(users);
```

![image.png](/static/img/fd20a19debbf260d68d234da060bf1e1.image.webp)  

通过上述介绍，我们可以看出，原生的文本信息、警告信息、错误信息、数组信息打印出来的效果都很普通，辨识度不高！现在我们通过console.log来实现一些花里花哨的样式！

# 技术方案
## console.log()
console.log() 可以接受任何类型的参数，包括字符串、数字、布尔值、对象、数组、函数等。最厉害的是，它支持占位符!

### **常用的占位符：**

%s - 字符串  
%d or %i - 整数  
%f - 浮点数  
%o - 对象  
%c - CSS 样式  

### **格式化字符串**

console.log() 支持类似于 C 语言 printf 函数的格式化字符串。我们可以使用占位符来插入变量值。

```js
const name = 'Alice';
const age = 30;
console.log('Name: %s, Age: %d', name, age); // Name: Alice, Age: 30
```
### **添加样式**

可以使用 %c 占位符添加 CSS 样式，使输出内容更加美观。

```js
console.log('%c This is a styled message', 'color: red; font-size: 20px;');
```

![image.png](/static/img/eb0c89b50ddd7c579e4c08c5559f63cd.image.webp)  

自定义样式的实现，其实主要是靠%c 占位符添加 CSS 样式实现的！

# 实现美化的信息打印
## 基础信息打印
我们创建一个prettyLog方法，用于逻辑编写

```js
// 美化打印实现方法
const prettyLog = () => {
  const isEmpty = (value: any) => {
    return value == null || value === undefined || value === '';
  };
  const prettyPrint = (title: string, text: string, color: string) => {
    console.log(
      `%c ${title} %c ${text} %c`,
      `background:${color};border:1px solid ${color}; padding: 1px; border-radius: 2px 0 0 2px; color: #fff;`,
      `border:1px solid ${color}; padding: 1px; border-radius: 0 2px 2px 0; color: ${color};`,
      'background:transparent'
    );
  };
  // 基础信息打印
  const info = (textOrTitle: string, content = '') => {
    const title = isEmpty(content) ? 'Info' : textOrTitle;
    const text = isEmpty(content) ? textOrTitle : content;
    prettyPrint(title, text, '#909399');
  };
  return {
    info
  };
};
```
上述代码定义了一个 prettyLog 函数，用于美化打印信息到控制台。通过自定义样式，输出信息以更易读和美观的格式呈现。

我们使用一下看看效果

```js
// 创建打印对象
const log = prettyLog();

// 不带标题
log.info('这是基础信息!');

//带标题
log.info('注意看', '这是个男人叫小帅!');
```

![image.png](/static/img/ef16d2032becbd460f6224e5595fa9b9.image.webp)

info 方法用于输出信息级别的日志。它接受两个参数：textOrTitle 和 content。如果只提供一个参数，则视为内容并设置默认标题为 Info；如果提供两个参数，则第一个参数为标题，第二个参数为内容。最后调用 prettyPrint 方法进行输出。

## 错误信息打印

```js
const prettyLog = () => {
    const isEmpty = (value: any) => {
        return value == null || value === undefined || value === '';
    };
    const prettyPrint = (title: string, text: string, color: string) => {
         // ...
    };
    const info = (textOrTitle: string, content = '') => {
        // ...
    };
    const error = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Error' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#F56C6C');
    };
    // retu;
    return {
        info,
        error,
    };
};
// 创建打印对象
const log = prettyLog();

log.error('奥德彪', '出来的时候穷 生活总是让我穷 所以现在还是穷。');

log.error('前方的路看似很危险,实际一点也不安全。');
```

![image.png](/static/img/9907020480c4b5c75c52982eb13aeb02.image.webp)

## 成功信息与警告信息打印

```js
// 美化打印实现方法
const prettyLog = () => {
    const isEmpty = (value: any) => {
        return value == null || value === undefined || value === '';
    };
    const prettyPrint = (title: string, text: string, color: string) => {
        console.log(
            `%c ${title} %c ${text} %c`,
            `background:${color};border:1px solid ${color}; padding: 1px; border-radius: 2px 0 0 2px; color: #fff;`,
            `border:1px solid ${color}; padding: 1px; border-radius: 0 2px 2px 0; color: ${color};`,
            'background:transparent'
        );
    };
    const info = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Info' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#909399');
    };
    const error = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Error' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#F56C6C');
    };
    const warning = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Warning' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#E6A23C');
    };
    const success = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Success ' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#67C23A');
    };
    // retu;
    return {
        info,
        error,
        warning,
        success
    };
};
// 创建打印对象
const log = prettyLog();

log.warning('奥德彪', '我并非无路可走 我还有死路一条! ');

log.success('奥德彪', '钱没了可以再赚，良心没了便可以赚的更多。 ');
```

![image.png](/static/img/78bc862aa91f90ca9e2920249730c7ce.image.webp)

## 实现图片打印

```js
// 美化打印实现方法
const prettyLog = () => {
  // ....
  const picture = (url: string, scale = 1) => {
    const img = new Image();
    img.crossOrigin = 'anonymous';
    img.onload = () => {
        const c = document.createElement('canvas');
        const ctx = c.getContext('2d');
        if (ctx) {
            c.width = img.width;
            c.height = img.height;
            ctx.fillStyle = 'red';
            ctx.fillRect(0, 0, c.width, c.height);
            ctx.drawImage(img, 0, 0);
            const dataUri = c.toDataURL('image/png');

            console.log(
                `%c sup?`,
                `font-size: 1px;
                padding: ${Math.floor((img.height * scale) / 2)}px ${Math.floor((img.width * scale) / 2)}px;
                background-image: url(${dataUri});
                background-repeat: no-repeat;
                background-size: ${img.width * scale}px ${img.height * scale}px;
                color: transparent;
                `
            );
        }
    };
    img.src = url;
};

  return {
    info,
    error,
    warning,
    success,
    picture
  };
}

// 创建打印对象
const log = prettyLog();

log.picture('https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2024%2F0514%2Fd0ea93ebj00sdgx56001xd200u000gtg00hz00a2.jpg&thumbnail=660x2147483647&quality=80&type=jpg');
```

![](https://laiqi.work/static/img/1323ab84c00e8b4d91bc71c4ba7828ef.image.webp)

上述代码参考了其他文章：Just a moment...

url可以传支持 base64，如果是url链接，图片链接则必须开启了跨域访问才能打印

## 实现美化的数组打印
打印对象或者数组，其实用原生的console.table比较好

```js
const data = [
  { id: 1, name: 'Alice', age: 25 },
  { id: 2, name: 'Bob', age: 30 },
  { id: 3, name: 'Charlie', age: 35 }
];

console.table(data);
```

![image.png](/static/img/9fc4a5fa7379957ad597b53b498e0ea4.image.webp)

当然，我们也可以伪实现

```js
const table = () => {
    const data = [
        { id: 1, name: 'Alice', age: 25 },
        { id: 2, name: 'Bob', age: 30 },
        { id: 3, name: 'Charlie', age: 35 }
    ];
    console.log(
        '%c id%c name%c age',
        'color: white; background-color: black; padding: 2px 10px;',
        'color: white; background-color: black; padding: 2px 10px;',
        'color: white; background-color: black; padding: 2px 10px;'
    );

    data.forEach((row: any) => {
        console.log(
            `%c ${row.id} %c ${row.name} %c ${row.age} `,
            'color: black; background-color: lightgray; padding: 2px 10px;',
            'color: black; background-color: lightgray; padding: 2px 10px;',
            'color: black; background-color: lightgray; padding: 2px 10px;'
        );
    });
};
```

![image.png](/static/img/bb3cdbe4bc2f8c8088793fc79faeb833.image.webp)

但是，我们无法控制表格的宽度，因此，这个方法不太好用，不如原生。

## 仅在开发环境使用
```js
// 美化打印实现方法
const prettyLog = () => {
  //判断是否生产环境
  const isProduction = import.meta.env.MODE === 'production';

  const isEmpty = (value: any) => {
    return value == null || value === undefined || value === '';
  };
  const prettyPrint = (title: string, text: string, color: string) => {
    if (isProduction) return;
    // ...
  };
  // ...
  const picture = (url: string, scale = 1) => {
    if (isProduction) return;
    // ...
    };

    // retu;
    return {
        info,
        error,
        warning,
        success,
        picture,
        table
    };
};
```
我们可以通过import.meta.env.MODE 判断当前环境是否为生产环境，在生产环境，我们可以禁用信息打印！

# 完整代码
```js
// 美化打印实现方法
const prettyLog = () => {
    const isProduction = import.meta.env.MODE === 'production';

    const isEmpty = (value: any) => {
        return value == null || value === undefined || value === '';
    };
    const prettyPrint = (title: string, text: string, color: string) => {
        if (isProduction) return;
        console.log(
            `%c ${title} %c ${text} %c`,
            `background:${color};border:1px solid ${color}; padding: 1px; border-radius: 2px 0 0 2px; color: #fff;`,
            `border:1px solid ${color}; padding: 1px; border-radius: 0 2px 2px 0; color: ${color};`,
            'background:transparent'
        );
    };
    const info = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Info' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#909399');
    };
    const error = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Error' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#F56C6C');
    };
    const warning = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Warning' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#E6A23C');
    };
    const success = (textOrTitle: string, content = '') => {
        const title = isEmpty(content) ? 'Success ' : textOrTitle;
        const text = isEmpty(content) ? textOrTitle : content;
        prettyPrint(title, text, '#67C23A');
    };
    const table = () => {
        const data = [
            { id: 1, name: 'Alice', age: 25 },
            { id: 2, name: 'Bob', age: 30 },
            { id: 3, name: 'Charlie', age: 35 }
        ];
        console.log(
            '%c id%c name%c age',
            'color: white; background-color: black; padding: 2px 10px;',
            'color: white; background-color: black; padding: 2px 10px;',
            'color: white; background-color: black; padding: 2px 10px;'
        );

        data.forEach((row: any) => {
            console.log(
                `%c ${row.id} %c ${row.name} %c ${row.age} `,
                'color: black; background-color: lightgray; padding: 2px 10px;',
                'color: black; background-color: lightgray; padding: 2px 10px;',
                'color: black; background-color: lightgray; padding: 2px 10px;'
            );
        });
    };
    const picture = (url: string, scale = 1) => {
        if (isProduction) return;
        const img = new Image();
        img.crossOrigin = 'anonymous';
        img.onload = () => {
            const c = document.createElement('canvas');
            const ctx = c.getContext('2d');
            if (ctx) {
                c.width = img.width;
                c.height = img.height;
                ctx.fillStyle = 'red';
                ctx.fillRect(0, 0, c.width, c.height);
                ctx.drawImage(img, 0, 0);
                const dataUri = c.toDataURL('image/png');

                console.log(
                    `%c sup?`,
                    `font-size: 1px;
                    padding: ${Math.floor((img.height * scale) / 2)}px ${Math.floor((img.width * scale) / 2)}px;
                    background-image: url(${dataUri});
                    background-repeat: no-repeat;
                    background-size: ${img.width * scale}px ${img.height * scale}px;
                    color: transparent;
                    `
                );
            }
        };
        img.src = url;
    };

    // retu;
    return {
        info,
        error,
        warning,
        success,
        picture,
        table
    };
};
// 创建打印对象
const log = prettyLog();
```

javascript——花式console.log

一家名为Saama AI Labs发布了他们基于Llama 3 微调的开源医疗AI大模型OpenBioLLM-Llama3-70B 和 OpenBioLLM-Llama3-8B，刷新抱抱脸上的医疗大模型榜单，并占据榜首。其在生物医学领域的测试性能超越 GPT-4、Gemini、Meditron-70B、Med-PaLM-2等行业巨头。

![image.png](/static/img/937a6e1e17931edb215deb375724cd01.image.webp)



# 基准测试表现

OpenBioLLM-70B 展示了卓越的性能，在 9 个不同的生物医学数据集中超越了 GPT-4、Gemini、Meditron-70B和 Med-PaLM-2 等更大的模型。尽管与 GPT-4 和 Med-PaLM 相比，其参数数量较少，但它取得了最优的结果，平均得分高达 86.06%，令人印象深刻。

![image.png](/static/img/2ce4fa4d804cf6b27a19f42f15a44d49.image.webp)

# 详细的医学主题准确性的评测结果

![image.png](/static/img/57f1c3ab90b345e46724bce22756bbbd.image.webp)

# 微调过程

微调过程分两个阶段进行，对使用 LLama-3 70B 和 8B 型号作为基础进行微调

1、策略优化：利用直接偏好优化DPO 数据集和微调配方。《直接偏好优化：你的语言模型实际上是一个奖励模型》arxiv.org/abs/2305.18290

![image.png](/static/img/4b3ff4b6fc2223e486dcaceb7f43b670.image.webp)

2、微调数据集：自定义医疗指导数据集。耗时约 4 个月收集数据，纳入 3000 个医疗保健和 10 多个医学主题数据，与医学专家合作审查其质量，并过滤掉不合格的例子。该数据集详细信息尚未发布。

# 官方应用示例

## 总结临床记录

OpenBioLLM 可以高效地分析和总结复杂的临床记录、EHR 数据和出院摘要，提取关键信息并生成简洁、结构化的病历摘要。


![image.png](/static/img/214cbcb8ac6bdb7d2be799522eff8319.image.webp)


:::info{title="病例摘要"}

**主诉：**呼吸急促，进行性加重，伴心电图异常。

相关病史：

结肠炎和憩室炎，目前正在接受治疗。

高血压病史。

心脏杂音，未定期随访。

长期呼吸急促。

体格检查：

未明确提及，但根据心电图结果推测：

二尖瓣反流严重。

大量胸腔积液。

诊断：

未明确说明，但根据心电图结果推测：

二尖瓣反流。

充血性心力衰竭（CHF）。

治疗方案：

目前药物：

速尿（利尿剂）。

钾补充剂。

肼屈嗪（抗高血压药）。

抗生素治疗。

甲状腺补充剂。

可能需要进一步评估和治疗二尖瓣反流和充血性心力衰竭。

其他信息：

患者为 86 岁女性，因腹痛和血便入院治疗。

患者活动能力有限，多年来一直呼吸急促。

患者有大量胸腔积液，但未定期随访。

有高血压病史，但无糖尿病、血脂异常病史，不吸烟。

家族史无特殊。

患者正在服用多种药物，包括：氨氯地平、卡维地洛、布洛芬。

患者不吸烟，不喝酒，无娱乐性药物使用史。
:::


## 回答医疗问题

OpenBioLLM 可以为广泛的医学问题提供答案。

![image.png](/static/img/23630d14383c48299db0e433b0bd846b.image.webp)

## 医疗文档分类

执行各种生物医学分类任务，例如疾病预测、情感分析、医疗文档分类

![image.png](/static/img/4041a9bf5b00756573c1c6b39f6a747c.image.webp)

## 临床实体识别

可以通过从非结构化临床文本中识别和提取关键医学概念（例如疾病、症状、药物、手术和解剖结构）来执行高级临床实体识别。通过利用对医学术语和上下文的深刻理解，该模型可以准确地对临床实体进行注释和分类，从而从电子健康记录、研究文章和其他生物医学文本源中实现更高效的信息检索、数据分析和知识发现。此功能可以支持各种下游应用，例如临床决策支持、药物警戒和医学研究。

![image.png](/static/img/b4d0b8fa9ed866395f7e7874399bbe65.image.webp)

## 医疗标志物提取

![image.png](/static/img/bdb7e3bc1b6b1772820a7f6a7d406c2c.image.webp)

## 识别并自动删除患者信息

检测并删除医疗记录中的个人身份信息 (PII)，确保患者隐私并遵守 HIPAA 等数据保护法规。

![image.png](/static/img/38449eb031e490938931e7603ae72b04.image.webp)


# 模型下载及使用

OpenBioLLM-70B 下载地址：huggingface.co/aaditya/Llama3-OpenBioLLM-70B

OpenBioLLM-8B 量化模型下载地址：huggingface.co/aaditya/OpenBioLLM-Llama3-8B-GGUF

在使用中需要注意的是要使用 Llama-3 指导版本提供的聊天模板。否则，性能将会下降。有用户和我本人在实际使用Llama 3 的过程中，已经遇到过因为提示词模板的问题，导致Llama 3 进入自循环回答错误问题了。
官方还宣称，虽然 OpenBioLLM-70B 和 8B 利用高质量的数据源，但其输出仍可能包含不准确、偏差或不一致，如果在没有进一步测试和完善的情况下依赖其进行医疗决策，可能会带来风险。该模型的性能尚未在随机对照试验或现实医疗环境中经过严格评估。

如果在医院本地部署该模型，挂上医院本地知识库，已经能想象到超多的实际应用了，应该能成为医疗行业的超级效率工具。