- 博客(6)
- 收藏
- 关注
原创 vue 动态创建 vxe-table组件实例应用
摘要:本文展示了如何使用VxeTable组件库创建一个表格应用。代码演示了如何引入VxeTable、VxeColumn和VxeTooltip组件,通过createApp创建应用实例,配置表格选项和数据加载。重点包括:1) 使用ref引用表格实例;2) 在setup中初始化表格数据和列配置;3) 通过nextTick异步加载数据;4) 最终将应用挂载到指定DOM节点。代码还展示了应用的卸载方法。该实例展示了VxeTable的基本用法和Vue3的组合式API集成方式。
2025-05-30 14:01:05
86
原创 fetch 模拟 sse 请求方式封装
本文介绍了一个用于处理Server-Sent Events(SSE)流的TypeScript工具模块。主要包含: SSEOptions类型定义,配置SSE请求的URL、请求参数、解析器和回调函数 fetchStream核心方法,实现SSE流式请求处理,包括: 创建可中止的fetch请求 处理二进制流解码 分块拼接和解析事件数据 回调事件处理(数据、错误、完成) 默认解析器实现,支持处理多行SSE数据并自动尝试JSON解析 提供示例用法展示如何发起请求并保存中止方法 该模块封装了SSE流处理的核心逻辑,支持自
2025-05-30 13:55:37
186
原创 前端实现AI 聊天界面渲染,1、MD 形式渲染Echarts图表,渲染表格.....2、页面失活打字机停止渲染
本文介绍了一种实现类似DeepSeek聊天框效果的Agent聊天界面方案,重点解决两个核心问题:1) 通过Markdown解析器扩展实现Echarts图表和Vxe-table表格的自定义渲染,将配置数据存入DOM属性并在nextTick时渲染;2) 使用WebWorker解决页面非活跃状态下打字机效果停止的问题,通过worker管理定时器并动态调整输出速度。方案采用Markdown-it为核心,扩展多种插件增强解析能力,同时对不同类型的代码块进行特殊处理,实现了丰富的内容展示效果。
2025-05-30 13:49:22
224
转载 yield 前端模拟 SSE 流式请求输出
本文介绍了如何本地模拟后端返回SSE流式数据的方法。通过定义一个生成器函数yieldContent(),将内容codeContent以80字符为单位分片返回,每段间隔200毫秒。使用processStep()函数递归处理生成器的输出,区分Promise对象和普通内容片段,实现流式数据的逐步处理。该方法适用于需要模拟服务器推送数据的开发场景,代码示例展示了完整实现逻辑,包括异步处理和数据分发的关键步骤。
2025-05-30 13:27:47
13
原创 Unibest 项目模板目录结构及其作用
生成的 Unibest 项目模板是一个基于 UniApp 的现代化开发框架,集成了 TypeScript、Vue3、Pinia、Unocss 等工具。静态资源目录,图片、字体等直接引用(编译时会被复制到输出目录)。目录包含编辑器配置,适合使用 HBuilderX 开发的用户。组件、Composables、工具函数等自动导入(配置在。工具函数库,如日期格式化、加密解密、本地存储操作等。Pinia 状态管理模块,按功能分文件(如。公共组件库,如按钮、弹窗等可复用组件。文件管理环境变量,如接口域名。
2025-02-12 16:01:14
244
原创 关于手动原生设置swiper循环滚动
很多前端小伙伴在工作中都用过swiperJs这个插件,相信在使用的过程中都遇到过各种各样的奇葩问题,大部分问题都是可以在swiper官方文档中查找到的,包括使用方法以及里面包含的各种方法、配置、组件等。大家可以参考参考。。。(不喜勿喷)可能你所要实现的效果可能是:不用循环轮播(实现效果 3.0.0版本)也可能是:3d循环轮播(实现效果是4.0.0以上版本)本人近日在工作...
2018-07-25 13:33:58
6964
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人