- 博客(8)
- 收藏
- 关注
RSS订阅原创 山东大学软件学院项目实训——创新实训——角色疆界（6）
在前面的工作中，页面基本搭建完成。现在继续做一些小的优化，带来更好地体验。当用户点击复制按钮时，会触发 vueCopy 方法，从而将代码片段复制到剪贴板并显示视觉反馈，指示复制操作成功或失败。整个过程涉及获取代码内容、解码、复制到剪贴板以及提供用户反馈。而滚动到底部的判定和实现具体步骤包括获取 DOM 元素、计算滚动位置、设置滚动行为和动态显示/隐藏按钮。
2024-06-23 15:01:56
823
原创 山东大学软件学院项目实训——创新实训——角色疆界（5）
在之前的工作里，已经实现了前端界面的基本功能。接下来将试着添加一些辅助功能以提升界面的视觉体验，给用户给好的体验。
2024-05-30 17:40:36
1893
原创 山东大学软件学院项目实训——创新实训——角色疆界（4）
v-for 指令：遍历 messages 数组，渲染每条消息。v-if 指令：在显示打字效果时，显示 typing 内容。showTyping 为 true 且当前消息为最后一条消息时，显示打字效果。</</</</</messages：存储所有消息的数组，每条消息包含 content 属性。typing：显示打字动画的内。showTyping：控制是否显示打字动画。intervalId：存储定时器的 ID，用于清除定时器。
2024-05-30 14:57:46
1341
原创 山东大学软件学院项目实训——创新实训——角色疆界（3）
通过API请求与后台进行交互，使用EventSource实现实时更新会话内容，并使用Vue.js的特性如data属性、methods方法、watch监听和computed计算属性等来实现新建对话、删除对话、自动生成对话标题和修改对话标题等功能。这些功能的实现，使得聊天应用更加灵活和用户友好。
2024-05-30 13:35:59
816
原创 山东大学软件学院项目实训——创新实训——角色疆界（1）
在本次创新实训中，我主要负责的工作是完成对前端页面的搭建。完整的 Markdown 支持：LaTex 公式、Mermaid 流程图、代码高亮等等精心设计的 UI，响应式设计，支持浅色深色模式极快的首屏加载速，支持流式响应隐私安全，所有数据保存在用户浏览器本地预制角色功能（面具），方便地创建、分享和调试你的个性化对话海量的内置 prompt 列表自动压缩上下文聊天记录，在节省 Token 的同时支持超长对话多国语言支持：English, 简体中文, 繁体中文, 日语。
2024-05-29 21:26:38
388
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人