音频流数据通过websocket传递到前端，前端拿到音频流后立即开始播放，接收到后续的音频流后追加到播放音频里连续播放

> 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。

线上效果图 思路分析 图片我们使用背景图片的方式插入 如果我们的图片大于容器的话 我们使用background-size: cover 进行比例缩放,覆盖整个容器 毛玻璃效果使用 backdrop-f

文章介绍了介绍了为什么当前 AI 应用中，LLM 的回复是逐字输出的，并且讲解了这种逐个字输出的交互的实现核心点，如 SSE 是什么，后端是怎么实现的，前端是如何接受的，前端如何实现逐个字输出的效果

SSE 的 AI 问答多数据流在 Vue3 中的实现 SSE 简介 SSE（Server-Sent Events）即服务器推送事件，是一种允许服务器向客户端实时推送更新的技术。它基于 HTTP 连接，

图片懒加载（Lazy Loading）是一种优化网页性能的技术，它通过延迟加载图片，即在图片即将进入可视区域时才开始加载，从而减少页面初始加载时间，提高页面响应速度。

CKEditor是一款非常全面的富文本编辑器，也出来很多年了，各方面支持得都比较好（对vue、react、angular都做了相应的封装），今天主要给大家总结下自己在使用过程中的经验。本文主要总结的是 CKEditor5 在vue中的用法，包括classic、inline、ba…

Vue3项目集成定制化CKEditor富文本编辑器，支持对齐方式、字体类型、字体颜色、字体背景色、高亮显示、上传图片、插入代码块、代码语法高亮显示！

一、元素拖拽 元素拖拽相对比较简单，主要就是通过监听元素的mousedown和mousemove事件，在拖拽过程中不断设置元素的left和top实现位移。 鼠标在拖动元素的时候，无非就是 上、下、左、