程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
编程
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
2024-11-17 10:01:20 +0800 CST
view 2075
本文介绍了如何使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件,提升了用户交互体验。文中详细说明了项目准备、组件创建、文件选择和上传逻辑,并提供了完整的代码示例,帮助开发者轻松集成该功能。
前端开发
Vue.js
用户交互
文件上传
Web应用
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2754
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55 +0800 CST
view 2054
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
Vue3实现一个动态评论系统,并与后端API进行交互
编程
Vue3实现一个动态评论系统,并与后端API进行交互
2024-11-18 04:33:34 +0800 CST
view 1757
本文介绍了如何使用Vue3实现一个动态评论系统,并与后端API进行交互。重点使用Vue3的CompositionAPI来构建系统,涵盖获取评论列表、提交新评论、展示评论详情和实时更新评论等功能。提供了代码示例和实现步骤,适合开发者参考和学习。
前端开发
Vue
API交互
评论系统
Web开发
代码
jQuery中向DOM添加元素的多种方法
2024-11-18 23:19:46 +0800 CST
view 1590
本文介绍了在jQuery中向DOM添加元素的多种方法,包括`append()`、`prepend()`、`after()`、`before()`、`add()`、`html()`、`wrap()`和`unwrap()`。每种方法都附有示例代码,展示如何在网页中动态添加或修改内容,并提供了一些最佳实践和注意事项,以提高代码性能和可读性。
前端开发
jQuery
网页交互
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1435
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
阿里发布首个「音视频实时交互」模型,实现数字人实时视频聊天
编程
阿里发布首个「音视频实时交互」模型,实现数字人实时视频聊天
2026-06-26 18:16:02 +0800 CST
view 503
阿里发布 Wan-Streamer v0.1,原生流式端到端音视频实时交互多模态模型,同一Transformer内完成感知/理解/生成全流程,响应延迟低至200ms,支持25fps音画同步输出。
AI
多模态
数字人
阿里
实时交互
视频生成
如何在Vue中创建一个可以添加和移除标签的组件
编程
如何在Vue中创建一个可以添加和移除标签的组件
2024-11-19 03:48:34 +0800 CST
view 1536
本文介绍了如何在Vue3中创建一个标签管理组件,支持添加和移除标签功能。通过逐步的代码示例,读者可以学习如何构建一个用户友好的交互界面,包括防止重复标签的处理和提示信息的显示。最终,读者能够根据需求进一步优化组件,提升用户体验。
前端开发
Vue
组件开发
用户交互
JavaScript
Vue3拖拽缩放全能王:vue-draggable-resizable组件完全指南
编程
Vue3拖拽缩放全能王:vue-draggable-resizable组件完全指南
2025-09-01 07:44:07 +0800 CST
view 2195
本文介绍了`vue-draggable-resizable`组件,这是一个专为Vue3设计的拖拽缩放组件,提供双向拖拽、八方向缩放、智能吸附、边界限制等功能。通过npm或yarn安装后,可以全局或局部注册组件,支持TypeScript。文中详细说明了组件的核心功能、安装配置、事件处理及性能优化建议,适合构建可视化编辑器和交互式界面。
前端开发
Vue.js
用户界面
组件库
交互设计
如何在Vue中创建一个星级评分组件
编程
如何在Vue中创建一个星级评分组件
2024-11-19 04:32:31 +0800 CST
view 1569
本文详细介绍了如何在Vue3中创建一个星级评分组件。通过VueCLI创建项目,编写组件模板、逻辑和样式,最终实现用户交互功能。组件支持鼠标悬浮和点击评分,并通过事件将评分结果通知父组件,提升了用户体验。
前端
Vue
组件开发
用户交互
Web开发
综合
Llama 3.1 Omni:颠覆性的文本与语音双输出模型
2024-11-19 09:57:33 +0800 CST
view 1942
Llama3.1Omni模型是一种创新的多模态语言模型,能够同时生成文本和语音,提升用户体验。它适用于客户服务、教育和医疗等多个领域,具有强大的推理能力和生成质量。该模型开源,易于使用,开发者可以根据需求进行定制。Llama3.1Omni的出现为AI应用带来了更智能和多样化的可能性,值得关注和应用。
人工智能
语言模型
多模态交互
开源技术
用户体验
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3219
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
Flipbook:无限视觉浏览器,UI的终极形态来了?
编程
Flipbook:无限视觉浏览器,UI的终极形态来了?
2026-04-27 06:11:36 +0800 CST
view 1329
前OpenAI研究员Zain Shah团队发布Flipbook,用AI像素流彻底替代HTML/CSS,成为可以实时生成百科全书式动态插画的无限视觉浏览器。本文深度解析其原理、特性、局限与未来影响。
AI
Flipbook
UI设计
未来技术
视觉交互
随机分数html
代码
随机分数html
2025-01-25 10:56:34 +0800 CST
view 1348
该文本描述了一个简单的网页应用,用户点击按钮后会播放音效并生成一个随机分数,伴随有动画效果,如数字滚动、烟花、彩带和闪光等。使用了HTML、CSS和JavaScript来实现这些功能,提供了丰富的视觉和听觉体验。
网页开发
前端技术
用户交互
动画效果
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 1567
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
PersonaPlex 深度解析:当 NVIDIA 让全双工语音对话进入「角色扮演」时代
编程
PersonaPlex 深度解析:当 NVIDIA 让全双工语音对话进入「角色扮演」时代
2026-04-09 11:32:36 +0800 CST
view 847
NVIDIA发布的PersonaPlex在Moshi架构基础上增加了角色扮演和语音克隆能力,让AI可以扮演教师、客服等不同身份进行实时语音对话。本文从架构、代码、实战角度全面解析这项技术突破。
PersonaPlex
NVIDIA
Moshi
全双工语音
AI对话
角色扮演
微软 VibeVoice 深度实战:从 7.5Hz 超低帧率到 90 分钟长音频合成——下一代语音 AI 的架构革命与生产级实践
编程
微软 VibeVoice 深度实战:从 7.5Hz 超低帧率到 90 分钟长音频合成——下一代语音 AI 的架构革命与生产级实践
2026-05-23 01:45:11 +0800 CST
view 532
深度解析微软开源语音AI模型VibeVoice,涵盖7.5Hz超低帧率、90分钟长音频合成、300ms实时流式等核心技术
语音AI
VibeVoice
微软
TTS
ASR
深度学习
VoxCPM2:无分词 Tokenizer-Free 语音合成——从架构革命到工程落地的完整指南
编程
VoxCPM2:无分词 Tokenizer-Free 语音合成——从架构革命到工程落地的完整指南
2026-04-19 14:46:06 +0800 CST
view 879
深度解析面壁智能开源的VoxCPM2:2B参数、Tokenizer-Free连续空间生成、236万小时训练数据、RTF 0.13、8GB显存可跑,30语言支持。包含架构分析、代码实战、性能优化指南。
语音合成
TTS
VoxCPM2
面壁智能
AI音频
Insanely Fast Whisper 深度解析:比原版快 10 倍的语音转文字引擎——从原理到生产级部署的完整实战
编程
Insanely Fast Whisper 深度解析:比原版快 10 倍的语音转文字引擎——从原理到生产级部署的完整实战
2026-04-29 16:24:38 +0800 CST
view 498
深入解析Insanely Fast Whisper的优化原理、代码实战与生产部署,比原版Whisper快10倍的语音转文字方案
AI
语音识别
Whisper
Insanely Fast Whisper
VibeVoice 深度解析:当微软把60分钟语音识别压缩进一颗 GPU
编程
VibeVoice 深度解析:当微软把60分钟语音识别压缩进一颗 GPU
2026-04-11 08:44:54 +0800 CST
view 662
VibeVoice 是微软2026年开源的前沿语音AI框架,支持60分钟长音频单次转录、90分钟多说话人语音合成、300ms首字延迟的实时流式TTS,是目前最强大的开源语音AI解决方案。
语音AI
ASR
TTS
开源项目
微软
人工智能
VibeVoice 深度解析:微软如何用 7.5Hz 超低帧率暴力破解 90 分钟长语音合成——开源语音 AI 的技术革命
编程
VibeVoice 深度解析:微软如何用 7.5Hz 超低帧率暴力破解 90 分钟长语音合成——开源语音 AI 的技术革命
2026-05-10 23:20:20 +0800 CST
view 607
深度解析微软开源语音 AI 项目 VibeVoice 的技术架构——从 7.5Hz 超低帧率分词器到 Next-Token Diffusion 框架,一次性处理 90 分钟多说话人音频的革命性突破。
VibeVoice
语音AI
TTS
ASR
微软
开源模型
LLM
扩散模型
综合
FishSpeech是一个全新的文本到语音(TTS)解决方案,采用变分自编码器、声码器和生成对抗网络等先进技术,提供高质量、自然的语音合成
2024-11-19 04:18:33 +0800 CST
view 2492
FishSpeech是一个全新的文本到语音(TTS)解决方案,采用变分自编码器、声码器和生成对抗网络等先进技术,提供高质量、自然的语音合成。支持多种语言,开源代码便于开发者定制,适用于虚拟助手、有声读物、客户服务和教育工具等场景。提供详细的部署指南和在线演示,帮助用户快速上手。
语音技术
人工智能
开源项目
Mastra 深度解析:Gatsby 团队打造的 TypeScript AI Agent 框架——从 Agent 构建到 Workflow 编排的完整实战指南
编程
Mastra 深度解析:Gatsby 团队打造的 TypeScript AI Agent 框架——从 Agent 构建到 Workflow 编排的完整实战指南
2026-07-06 09:43:09 +0800 CST
view 177
深度解析Mastra——Gatsby团队打造的TypeScript AI Agent框架:Agent自主决策系统、Workflow图式编排引擎、RAG语义检索、Voice语音交互、40+模型路由、可观测性。含完整代码实战与LangChain/Vercel AI SDK竞品对比。
Mastra
TypeScript
AI Agent
Workflow
RAG
Gatsby
语音AI
开源
VibeVoice深度解析:微软如何用7.5Hz超低帧率Tokenizer突破语音AI的「超长上下文」困境
编程
VibeVoice深度解析:微软如何用7.5Hz超低帧率Tokenizer突破语音AI的「超长上下文」困境
2026-04-12 14:25:53 +0800 CST
view 725
深入解析微软VibeVoice开源语音AI框架,探讨其7.5Hz超低帧率Tokenizer、LLM+Diffusion混合架构如何突破60分钟ASR和90分钟TTS的长上下文困境,附完整工程实践代码。
语音AI
ASR
TTS
VibeVoice
微软
开源
深度学习
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
下一页