自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 炫酷的打字机效果

【代码】炫酷的打字机效果。

2024-01-02 16:48:52 349 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

原创 生成脑图,和导出脑图图片或者文件功能

引入saveTools.js文件使用里面的方法。在template中的代码。

2023-12-04 16:52:11 22

原创 使用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关注的人

提示
确定要删除当前文章?
取消 删除