- 博客(12)
- 收藏
- 关注
原创 WebSocket 通信封装:基于 Promise 的 sendMessage 函数
在现代 Web 应用开发中,实时通信变得越来越重要。WebSocket 提供了一种在客户端和服务器之间建立持久连接的方式,从而实现双向数据传输。本文将介绍一个名为的 JavaScript 函数,它封装了 WebSocket 通信过程,并使用 Promise 管理异步操作,提供了灵活的流式数据处理能力。
2025-04-23 16:34:40
985
原创 前端流式输出展示思路
这是一个函数,用于将页面滚动到最底部,确保用户可以看到最新的聊天内容。(作者上一篇文章提过)这是流式响应的常见格式,通常用于区分数据块和结束信号。:每次接收到的响应数据块(流式数据的一部分)。,说明已经添加了回答对象,只需要更新该对象的。:将提取的数据内容解析为 JSON 对象。,说明这是第一次接收到响应数据,需要在。用于累积流式响应的完整内容。数组中添加一个新的回答对象(:将解析后的消息内容追加到。:将新的回答对象添加到。,提取实际的数据内容。
2025-04-23 09:24:09
183
原创 vue3实现流式对话保持触底功能
在聊天应用中,用户发送消息后,服务器会以流的形式返回响应内容。下面我是放在了运行loading,用法相同。:当新消息到来时,自动滚动到对话框底部。绑定最后一个消息元素,以便滚动到底部。:逐段显示服务器返回的消息内容。:避免频繁滚动导致的性能问题。容器来显示对话内容,并通过。1.在模板中,我们使用一个。自动滚动到底部的实现方式。
2025-04-18 14:54:22
333
原创 NUM管理node版本
nvm list available 可装载的全部版本 支持的版本=>nvm uninstall 14.21.3 —— 卸载nvm。nvm install 14.21.3 —— 装载nvm。nvm use 18.16.0 —— 切换不同的版本号。nvm list —— 本地安装过的版本号。安装num后使用命令对nide版本进行管理。nvm ls —— 查看已安装的所有版本。node -v —— node版本。npm -v —— npm版本。nvm -v —— 版本号。
2024-11-20 17:06:05
204
原创 tortoiseGit可视化和git命令
4)git status —— 检查项目目录里是否有待提交到本地仓库的文件,红色代表未提交,绿色代表待提交,出现nothing to commit, working tree clean说明所有待提交的项目提交到本地仓库。2)[email protected]:wsaisai0108/jianjiGuanwang.git —— 进入指定的仓库。14)git pull origin main —— 别人修改的项目内容与自己的项目合并,main分支。11)git branch -D a1 —— 删除分支a1。
2024-11-18 17:08:20
1033
原创 数据库表单主键自增
3. **确保没有错误:** 如果你仍然收到错误消息,确保表 `gpt_messages` 存在,并且 `message_id` 列的类型确实可以被转换成 `integer` 类型。1. **确保你在 psql 提示符中:** 如果看到 `freppledb=#` 这样的提示符,那么你已经在 psql 中了。4. **创建序列并设置默认值:** 如果数据类型修改成功,接下来按前面提供的步骤创建序列并设置默认值。),将原来的类型TYPE 更改为integer。列的数据类型适合自增(一般为。
2024-10-31 11:56:32
683
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人