程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1431
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
编程
Vue3中创建一个自定义的下拉选择框组件,创建一个美观的下拉选择框,支持自定义选项
2024-11-19 10:01:18 +0800 CST
view 2431
本文介绍了如何在Vue3中创建一个自定义的下拉选择框组件。通过使用setup语法糖,组件支持自定义选项和样式,提供了基本的功能如选项选择和下拉框显隐控制。还探讨了如何在父组件中使用该组件,并提出了进一步美化和功能扩展的建议,如搜索和多选功能。
前端开发
Vue
组件设计
用户界面
交互设计
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1210
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 2869
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
代码
炫酷彩色粒子鼠标跟随动画效果(附源代码)
2024-11-18 05:19:55 +0800 CST
view 1683
这是一个交互式的彩色粒子动画,随着鼠标移动产生五彩缤纷的粒子爆炸效果。通过定义粒子类、创建爆炸效果和使用动画循环,代码实现了流畅的视觉体验。用户只需将源代码复制到HTML文件中并在浏览器中打开,即可体验该动态效果。
动画
交互设计
Web开发
Vue3拖拽缩放全能王:vue-draggable-resizable组件完全指南
编程
Vue3拖拽缩放全能王:vue-draggable-resizable组件完全指南
2025-09-01 07:44:07 +0800 CST
view 1750
本文介绍了`vue-draggable-resizable`组件,这是一个专为Vue3设计的拖拽缩放组件,提供双向拖拽、八方向缩放、智能吸附、边界限制等功能。通过npm或yarn安装后,可以全局或局部注册组件,支持TypeScript。文中详细说明了组件的核心功能、安装配置、事件处理及性能优化建议,适合构建可视化编辑器和交互式界面。
前端开发
Vue.js
用户界面
组件库
交互设计
Flipbook:无限视觉浏览器,UI的终极形态来了?
编程
Flipbook:无限视觉浏览器,UI的终极形态来了?
2026-04-27 06:11:36 +0800 CST
view 434
前OpenAI研究员Zain Shah团队发布Flipbook,用AI像素流彻底替代HTML/CSS,成为可以实时生成百科全书式动态插画的无限视觉浏览器。本文深度解析其原理、特性、局限与未来影响。
AI
Flipbook
UI设计
未来技术
视觉交互
markdowns滚动事件
编程
markdowns滚动事件
2024-11-19 10:07:32 +0800 CST
view 2962
该代码片段实现了两个元素之间的同步滚动功能,确保当用户在一个元素中滚动时,另一个元素也会相应滚动。此外,当用户在内容区域输入文本时,Markdown函数会被调用,将输入的文本转换为Markdown格式并显示在另一个区域。
前端开发
JavaScript
用户交互
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
编程
如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动
2024-11-18 15:30:45 +0800 CST
view 1339
本文介绍了如何实现元素的拖动功能,包括简单元素的拖动、列表项的拖动以及表格列和行的拖动。通过处理鼠标的mousedown、mousemove和mouseup事件,结合动态DOM操作,读者可以掌握拖动效果的实现技巧,提升用户体验。文中提供了详细的HTML和JavaScript代码示例,帮助读者理解拖动功能的核心逻辑和实现方法。
前端开发
用户交互
JavaScript
DOM操作
CSS
Linux 7.0 内核 AI 功能键深度解析:当操作系统第一次把「AI 交互」写进硬件协议
编程
Linux 7.0 内核 AI 功能键深度解析:当操作系统第一次把「AI 交互」写进硬件协议
2026-04-12 01:22:57 +0800 CST
view 192
深度解析 Linux 7.0 内核新增的三个 AI 功能键:Action on Selection、Contextual Insertion、Contextual Query。从 HID 协议扩展、内核实现、桌面环境适配到实战代码,全面剖析操作系统层面的 AI 交互标准如何落地。
Linux内核
Linux 7.0
HID协议
AI交互
操作系统
开源
桌面环境
AI功能键
Linux 7.0 内核 AI 功能键深度解析:当操作系统首次将 AI 交互写入硬件协议
编程
Linux 7.0 内核 AI 功能键深度解析:当操作系统首次将 AI 交互写入硬件协议
2026-04-12 01:23:42 +0800 CST
view 739
深度解析 Linux 7.0 内核新增的三个 AI 功能键:Action on Selection、Contextual Insertion、Contextual Query,从 HID 协议扩展、内核实现、桌面环境适配到实战代码,全面剖析操作系统层面的 AI 交互标准如何落地。
Linux内核
Linux 7.0
HID协议
AI交互
操作系统
开源
桌面环境
aiohere是一个用于处理异步IO操作的Python库
综合
aiohere是一个用于处理异步IO操作的Python库
2024-11-18 11:00:26 +0800 CST
view 1366
aiohere是一个用于处理异步IO操作的Python库,能显著提升网络请求和IO密集型任务的性能。本文介绍了aiohere的安装、基本用法、高级用法及实际案例,包括并发处理和超时设置,帮助开发者高效处理多个请求并获取API数据。掌握aiohere将有助于提升Python异步编程的效率。
Python库
异步编程
网络编程
性能优化
API交互
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
编程
AG-UI 协议深度解析:当 AI Agent 前端交互进入「双向心跳」时代
2026-04-12 10:26:44 +0800 CST
view 267
深入解析 AG-UI 协议,探讨其如何标准化 AI Agent 与前端应用之间的实时双向通信,包括架构设计、事件系统、代码实战和生态定位
AI Agent
前端交互
AG-UI
MCP
A2A
SSE
协议标准化
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
编程
使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件
2024-11-17 10:01:20 +0800 CST
view 1775
本文介绍了如何使用Vue3和CompositionAPI实现图片拖拽上传功能。通过创建一个拖拽组件,用户可以直接将图片拖放到指定区域或通过按钮选择文件,提升了用户交互体验。文中详细说明了项目准备、组件创建、文件选择和上传逻辑,并提供了完整的代码示例,帮助开发者轻松集成该功能。
前端开发
Vue.js
用户交互
文件上传
Web应用
Vue3实现一个动态评论系统,并与后端API进行交互
编程
Vue3实现一个动态评论系统,并与后端API进行交互
2024-11-18 04:33:34 +0800 CST
view 1519
本文介绍了如何使用Vue3实现一个动态评论系统,并与后端API进行交互。重点使用Vue3的CompositionAPI来构建系统,涵盖获取评论列表、提交新评论、展示评论详情和实时更新评论等功能。提供了代码示例和实现步骤,适合开发者参考和学习。
前端开发
Vue
API交互
评论系统
Web开发
代码
jQuery中向DOM添加元素的多种方法
2024-11-18 23:19:46 +0800 CST
view 1300
本文介绍了在jQuery中向DOM添加元素的多种方法,包括`append()`、`prepend()`、`after()`、`before()`、`add()`、`html()`、`wrap()`和`unwrap()`。每种方法都附有示例代码,展示如何在网页中动态添加或修改内容,并提供了一些最佳实践和注意事项,以提高代码性能和可读性。
前端开发
jQuery
网页交互
如何在Vue中创建一个可以添加和移除标签的组件
编程
如何在Vue中创建一个可以添加和移除标签的组件
2024-11-19 03:48:34 +0800 CST
view 1238
本文介绍了如何在Vue3中创建一个标签管理组件,支持添加和移除标签功能。通过逐步的代码示例,读者可以学习如何构建一个用户友好的交互界面,包括防止重复标签的处理和提示信息的显示。最终,读者能够根据需求进一步优化组件,提升用户体验。
前端开发
Vue
组件开发
用户交互
JavaScript
如何在Vue中创建一个星级评分组件
编程
如何在Vue中创建一个星级评分组件
2024-11-19 04:32:31 +0800 CST
view 1331
本文详细介绍了如何在Vue3中创建一个星级评分组件。通过VueCLI创建项目,编写组件模板、逻辑和样式,最终实现用户交互功能。组件支持鼠标悬浮和点击评分,并通过事件将评分结果通知父组件,提升了用户体验。
前端
Vue
组件开发
用户交互
Web开发
综合
Llama 3.1 Omni:颠覆性的文本与语音双输出模型
2024-11-19 09:57:33 +0800 CST
view 1598
Llama3.1Omni模型是一种创新的多模态语言模型,能够同时生成文本和语音,提升用户体验。它适用于客户服务、教育和医疗等多个领域,具有强大的推理能力和生成质量。该模型开源,易于使用,开发者可以根据需求进行定制。Llama3.1Omni的出现为AI应用带来了更智能和多样化的可能性,值得关注和应用。
人工智能
语言模型
多模态交互
开源技术
用户体验
随机分数html
代码
随机分数html
2025-01-25 10:56:34 +0800 CST
view 1114
该文本描述了一个简单的网页应用,用户点击按钮后会播放音效并生成一个随机分数,伴随有动画效果,如数字滚动、烟花、彩带和闪光等。使用了HTML、CSS和JavaScript来实现这些功能,提供了丰富的视觉和听觉体验。
网页开发
前端技术
用户交互
动画效果
智能视频墙
代码
智能视频墙
2025-02-22 11:21:29 +0800 CST
view 1293
该文本描述了一个智能视频墙的HTML和JavaScript实现。用户可以创建视频容器,支持拖拽和调整大小,并且能够保存布局到本地存储。使用了EasyPlayerPro播放器来播放视频流,提供了多种调整手柄以便用户自定义视频容器的大小和位置。代码中还处理了窗口大小变化的情况,确保视频容器不会超出视口。
前端开发
视频播放
用户交互
Web技术
PersonaPlex 深度解析:NVIDIA 如何用 7B 参数实现 0.17 秒延迟的全双工语音对话
编程
PersonaPlex 深度解析:NVIDIA 如何用 7B 参数实现 0.17 秒延迟的全双工语音对话
2026-04-18 04:43:48 +0800 CST
view 292
深度解析 NVIDIA 开源的 PersonaPlex 全双工语音对话模型,7B 参数实现 0.17 秒延迟,支持角色控制与 16 种预置声音,MIT 协议开源。
AI
语音交互
NVIDIA
全双工
开源项目
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1471
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
编程
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01 +0800 CST
view 42
深度解析 Open Design 开源项目:4天突破10000 Star的 Claude Design 替代品。不绑定模型、不锁定云服务,支持10+编程代理、31种设计技能、72个品牌设计系统,完全开源免费自托管。
开源
AI设计
Claude Design
设计系统
编程代理
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
8
下一页