- 博客(12)
- 收藏
- 关注
原创 fetch实现流式输出的实现原理
Fetch API 的一个强大功能就是能够处理流式响应,即服务器可以分块发送数据,而不是一次性发送整个文件,这样浏览器就可以立即开始显示接收到的数据,而不需要等待整个文件下载完毕。TransformStream 可以对数据流进行转换,例如在这里,我们可以将 Response 对象的 ReadableStream 转换为字符串流,然后逐个处理每个字符,模拟 ChatGPT 的打字机效果。通过这种方式,可以实现类似于 ChatGPT 的动态、逐步展示数据的效果,提高用户体验。
2024-03-05 17:09:00 667
原创 vue3项目中引入字体文件
在CSS中引入字体,全局样式中引入字体,确保路径./assets/fonts/SourceHanSansCN-Regular.otf与你放置字体文件的实际路径相匹配。将这些字体文件引入到vue3项目中 ,统一放在assets文件夹的fonts下,这个是全局使用,批量写入,然后批量使用。最后引入到main.js文件中即可。
2024-01-16 14:33:01 750 1
原创 element-plus中,el-dialog组件内无法通过ref获得组件实例mindmap.value 应该怎么解决
的,这意味着在对话框打开之前,默认插槽(个人理解为el-dialog标签内的内容)不会被渲染到DOM上。因此,如果你需要执行一个DOM操作或通过ref访问组件,可在open事件回调中进行。遇到的问题:el-dialog组件获取ref实例遇到报错。
2024-01-05 20:30:30 560 1
原创 vue3+element plus的上传组件(单独封装成组件)非自动上传的逻辑
upload-button这个插槽可以自定义上传的按钮样式,可以覆盖掉子组件的样式。这个是上传子组件的代码。
2024-01-03 15:13:32 651 1
原创 如何解决大模型的「幻觉」问题?
大模型的“幻觉”是指模型在没有明确依据的情况下生成错误或虚构的信息。这通常是由于训练数据的限制、模型的过度自信或理解上的误差造成的。幻觉可以说早就已经是LLM老生常谈的问题了,那为什么会产生这个现象该如何解决这个问题呢?快来和我们分享一下吧~方向二:造成大模型「幻觉」的原因。方向一:什么是大模型「幻觉」方向三:解决该问题的方法。方向四:大模型技术的未来。
2024-01-02 17:03:25 440 1
原创 控制用户不能打开f12控制台,和右键点击检查,以及浏览器右上角的三个点中的开发者工具
【代码】控制用户不能打开f12控制台,和右键点击检查,以及浏览器右上角的三个点中的开发者工具。
2024-01-02 14:39:26 450 1
原创 使用scrollreveal.js,瀑布流页面滚动动画插件
在utils文件夹下创建一个scroll.js文件。然后在.vue文件中的使用,直接加在class上。
2023-12-13 10:54:27 123
原创 使用markdown展示流式输出的内容
在script中引入markdown.js文件。写一个markdown.js文件。安装markdown要用到的插件。在template中使用。
2023-12-04 16:41:58 773
原创 gpt对话的流式输出
一键复制功能:注意:要在带有https域名下才能使用navigator.clipboard.writeText否则不会复制出带有格式的文本。注意:后端和大模型返回的内容也要是流式输出的,不然前端做了流式输出也没用。//get、PUT、Post的请求方式。2、formData的请求方式。1、封装 fetch请求。
2023-12-04 16:20:46 31
原创 项目管理使用coding,前端使用ssh自动化部署-持续集成vue3+pnpm
1.选中coding的中要自动化部署的项目。8. 选择流程配置,将以下代码填写上去就行。4.按照图片上的提示填上去就行。3. 本项目使用ssh。10.点击立即构建即可。2.点击创建构建计划。
2023-11-29 10:58:45 456 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人