- 博客(15)
- 收藏
- 关注
原创 快速搭建智能体----agno
本文介绍了如何利用免费AI工具搭建个人智能系统的入门方法。通过Agno开源框架(https://docs.agno.com/),用户可以快速创建个性化智能体。操作步骤包括:1)创建Python虚拟环境(要求Python≥3.8);2)激活环境并安装依赖(agno和openai包);3)运行示例脚本agno_agent.py。文中特别提醒需提前获取OpenAI API Key并正确配置,同时为国内用户提供了清华镜像源安装方案。整个过程利用AI辅助编写Python代码,降低了技术门槛。
2025-12-17 17:52:59
230
原创 webSocket
WebSocket是一种基于TCP的全双工通信协议,具有持久连接、双向通信和低延迟的特点。其工作原理分为握手、数据传输和心跳检测三个阶段,通过帧格式实现高效数据交换。示例代码展示了基于Vue的WebSocket封装实现,包含连接管理、消息收发、心跳检测和断线重连等功能,适用于实时聊天等场景。该实现支持自定义消息处理、自动重连和心跳检测,提供了connect、sendMessage等简洁API,确保WebSocket通信的稳定性和易用性。
2025-12-04 16:57:29
223
原创 网页录音形成的音频文件的类型
摘要:文章介绍了使用浏览器原生MediaRecorder API实现网页录音的方法,包括获取音频流、存储数据、合并为WebM格式Blob等步骤。重点指出不同浏览器对录音格式的支持差异:苹果Safari仅支持MP4(AAC编码),而其他主流浏览器支持WebM。针对格式统一问题,推荐使用recorder-core方案,因其兼容Chrome、Edge、Firefox、Safari等主流浏览器,且在Vue3中封装简单,优于lamejs和ffmpeg.js方案。
2025-12-03 14:55:56
110
原创 element-ui中时间日期组件el-data-picker取消当前时间点的高亮显示
element-ui中时间日期组件el-data-picker取消当前时间点的高亮显示
2024-07-01 15:42:34
793
2
原创 实现大文件的快速上传
大文件的上传,无非是将文件变小即文件资源压缩或文件资源分块上传文件资源分块上传的实现(前端部分的实现)1.创建项目-对应目录如图2.请求模块src/request.js对axios进行封装3.将资源进行分块根据DefualtChunkSize = 5 * 1024 * 1024,即 5 MB ,来对文件进行资源分块进行计算,通过spark-md5[1]根据文件内容计算出文件的 hash 值,方便做其他优化,比如:当 hash 值不变时,服务端没有必要重复读写文...
2022-04-12 15:18:23
332
原创 React生命周期
通过对新旧版本生命周期的差异化对比,更好理解一 .旧版本1. 初始化阶段: 由ReactDOM.render()触发---初次渲染 1. constructor() 2. componentWillMount() 3. render() 4. componentDidMount() =====> 常用 一般在这个钩子中做一些初始化的...
2021-10-14 08:47:14
105
原创 React中key的作用?(key的内部原理)
1.虚拟DOM中key的作用: 1).key是虚拟DOM对象的标识,主要作用于更新显示 2).在状态state中的数据发生变化,react根据【新数据】生成【新的虚拟DOM】 【新虚拟DOM】与【旧虚拟DOM】的diff比较a. 旧虚拟DOM中找到了与新虚拟DOM相同的key: (1).若虚拟DOM中内容没变, 直接使用之前的真实DOM ...
2021-10-13 14:55:06
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅