logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

AI 对话实现打字机效果 Vue3 setup

本文介绍了如何实现AI对话页面的打字机效果。通过setInterval逐字显示AI的最后一条回复,而历史记录则直接显示完整内容。代码展示了聊天窗口的数据绑定、样式处理和核心的typeEffect函数实现,该函数以100毫秒间隔更新文字,并支持完成后回调。关键点包括:仅对AI最后回复应用打字效果、响应式更新消息数组、以及发送消息时的状态管理。整体方案简洁高效,适用于类似ChatGPT的交互场景。

#AI#前端
Vue 文件上传至oss

为什么使用对象存储OSS很多企业的文件上传下载都是通过文件流的形式进行上传下载的,需要后端配合,对服务器压力很大,而且高消费,对公司损失太大,我们选择使用oss将尽可能地缩小成本,以及对网站及逆行大幅度提升使用对象存储OSS改变了什么网站数据动静分离,大幅提升网页性能单独的文件管理界面,管理网站文件和本地电脑一样高效率方便使用成本低,资源弹性伸缩,按需付费什么是对象存储OSS阿里云对象存储OSS(

#vue.js#前端#javascript
vue3 引入Vant组件库

最近在学习vue3.0,引入Vant组件库时,遇到一些问题,所以在vue3中不要按照vue2的格式去引入组件库,不然容易出现错误。目前Vant 3 是基于Vue3 开发的,在使用 Vant 3 前,请将项目中的 Vue 升级到 3.0 以上版本。错误示例import { createApp } from 'vue'import App from './App.vue'import router f

文章图片
#vue.js#javascript#elementui
Vscode设置用户代码片段

打开Vscode: 文件->首选项->用户片段点击用户片段,选择vue.json或者新建全局代码片段文件随后会打开一个json文件设置,可直接将以下代码粘贴复制到自己的文件中(步骤:ctrl+A->ctrl+C->ctrl+V),代码写在最下面了,可直接复制配置的代码块代码代码{// Place your snippets for vue here. Each snippe

#vscode#ide#visual studio code
VUE实现下载文件,避免浏览器默认直接打开文件

前端如何实现文件下载,防止浏览器自动打开可预览文件

文章图片
#vue.js#前端#javascript
Vue自定义封装音频播放组件(带拖拽进度条)

该款自定义组件可作为音频、视频播放的进度条,用于控制音频、视频的播放进度、暂停开始、拖拽进度条拓展性极高。

文章图片
#javascript#vue.js
后端返回带T时间格式

后端返回带T时间格式。

#前端#vue.js
el-form表单添加自定义校验(非必选情况)

El-form表单添加自定义校验(非必选情况)

#elementui#vue.js#前端 +2
ElementUI 分页(el-pagination)

Element 实现分页功能()超级简单

文章图片
#elementui#vue.js#前端
到底了