第十期 消息发送和markdown显示消息记录

本期内容

1. 消息发送和消息订阅
2. 等待回复的加载动画（animation+ @keyframes）
3. markdown 格式消息展示
4. 消息列表切换过渡（<transition-group></transition-group>）

代码实现

等待加载动画

当用户发送完消息等待 ChatGPT 回复的过程中有一些延迟，我们需要写一个文字加载的动画告知用户等待回复。

ChatGPT-Assistant

项目介绍

本次项目是基于ChatGPT的二次开发网站，旨在实现在线聊天的功能。
使用的技术有前端框架Vue3、TypeScript和ElementUI以及后端技术SpringBoot、MongoDB、Spring Data MongoDB和Spring WebSocket。

自我介绍

我是起凡，一名全栈程序员，刚刚毕业于华侨大学。主要技术栈后端SpringBoot,JPA(
Hibernate), MongoDB, Mybatis, SQL等。前端Vue3, Typescript, Taro小程序, Uni-App等。