程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue 中如何处理跨组件通信?
编程
Vue 中如何处理跨组件通信?
2024-11-17 15:59:54 +0800 CST
view 1456
在Vue中,跨组件通信是常见需求,尤其在复杂项目中。可以通过`$emit`和`$on`实现父子组件通信,使用EventBus处理非父子组件通信,Vuex适合大型应用的状态管理,`provide`和`inject`则简化了祖先与后代组件的数据传递。根据具体需求选择合适的方法,提高组件协作效率。
Vue
前端开发
组件通信
WebAssembly 组件模型深度实战:跨语言模块化架构的革命性突破
编程
WebAssembly 组件模型深度实战:跨语言模块化架构的革命性突破
2026-05-08 15:07:06 +0800 CST
view 284
从核心概念到生产级部署,带你全面掌握 WASI 0.2.0 时代的组件化开发范式。涵盖 WIT 接口定义、多语言组件实现、性能优化与实战案例。
WebAssembly
Wasm
组件模型
Rust
跨语言
WebAssembly Component Model 深度实战:从 WIT 接口定义到多语言组件协作的生产级全链路解析
编程
WebAssembly Component Model 深度实战:从 WIT 接口定义到多语言组件协作的生产级全链路解析
2026-05-08 15:08:12 +0800 CST
view 339
从核心概念到生产级部署,带你全面掌握 WASI 0.2.0 时代的组件化开发范式。涵盖 WIT 接口定义、多语言组件实现、性能优化与实战案例。
WebAssembly
Wasm
组件模型
Rust
跨语言
如何在 Vue 中实现动态组件切换?
编程
如何在 Vue 中实现动态组件切换?
2024-11-19 09:18:03 +0800 CST
view 1262
在Vue项目中,动态切换组件是一种常见需求。通过使用``,可以根据用户操作在`ComponentA`和`ComponentB`之间切换。示例中展示了如何创建基本组件、切换逻辑和在Vue实例中引入组件,提升了页面的交互体验。
前端
Vue.js
组件
WebAssembly 组件模型深度解析:当「一次编写,到处运行」终于成为现实
编程
WebAssembly 组件模型深度解析:当「一次编写,到处运行」终于成为现实
2026-04-08 18:55:13 +0800 CST
view 570
深度解析 WebAssembly 组件模型:从模块隔离困境到 WIT 接口类型系统,从能力导向安全到跨语言协作,全面解读这一让「一次编写,到处运行」真正成为现实的技术革命。
WebAssembly
Wasm
组件模型
WIT
云原生
边缘计算
Vue3 组件通信详解:父传子、子传父与兄弟组件通信
编程
Vue3 组件通信详解:父传子、子传父与兄弟组件通信
2025-03-21 08:45:59 +0800 CST
view 1467
本文详细讲解了Vue3中组件之间的通信方式,包括父传子、子传父和兄弟组件通信。通过示例代码展示了如何使用Props和Emit进行父子组件通信,以及通过父组件中转、事件总线、Pinia和Provide/Inject实现兄弟组件之间的通信。每种方式都有其优缺点和适用场景,适合不同规模的应用程序。
Vue
前端开发
组件
你知道Vue中的异步组件有什么作用吗?
编程
你知道Vue中的异步组件有什么作用吗?
2024-11-18 20:55:20 +0800 CST
view 1293
本文探讨了Vue.js中异步组件的作用,包括按需加载、代码分割和性能优化等。异步组件允许在需要时加载特定组件,从而降低初始加载时间,提高用户体验。通过示例代码展示了如何在Vue中实现异步组件,强调了其在模块化开发中的重要性,帮助开发者构建高效的Web应用。
前端开发
Vue.js
JavaScript
性能优化
组件
请解释一下Vue3的树状组件是什么?
编程
请解释一下Vue3的树状组件是什么?
2024-11-18 15:01:11 +0800 CST
view 1538
Vue3的树状组件是一种用于展示层级结构数据的UI组件,基于Vue的响应式数据绑定机制,支持异步加载、拖拽操作和丰富的配置项。它能够自动响应数据变化,简化DOM操作,适用于展示组织架构、文件夹结构等。开发者可以通过高度自定义的配置,快速构建符合需求的界面,提升用户体验。
前端开发
Vue.js
UI组件
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
编程
Vue Print Designer:可视化打印设计器,支持业务表单、标签、票据、快递单
2026-06-01 22:26:41 +0800 CST
view 250
Vue Print Designer是一款可视化打印设计器,面向业务表单、标签、票据、快递单等场景,支持模板化、变量化,并提供静默打印与云打印能力,同时兼容多种导出/打印方式。基于Web Components,零依赖适配Vue/React/Angular/原生HTML等所有技术栈。
Vue
打印设计器
开源
Web Components
可视化
打印
表单设计
标签打印
代码
底部导航栏
2024-11-19 01:12:32 +0800 CST
view 1591
该文本展示了一个底部导航栏的HTML和CSS实现,包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局,包含多个导航项,每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能,增强了用户体验。整体设计注重语义化和响应式布局,适合现代网页应用。
前端开发
网页设计
用户界面
交互设计
CSS 奇技淫巧
编程
CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST
view 1655
本文介绍了一系列高效的CSS技巧,旨在帮助前端开发者减少JavaScript代码,提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧,适用于现代网页设计。
前端开发
CSS
用户体验
网页设计
响应式设计
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
编程
Open Design 深度解析:开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01 +0800 CST
view 1884
深度解析 Open Design 开源项目:4天突破10000 Star的 Claude Design 替代品。不绑定模型、不锁定云服务,支持10+编程代理、31种设计技能、72个品牌设计系统,完全开源免费自托管。
开源
AI设计
Claude Design
设计系统
编程代理
代码
这是一个基于移动优先设计的简单HTML示例
2024-11-18 15:54:42 +0800 CST
view 1609
这是一个基于移动优先设计的简单HTML示例,适合手机浏览的网站结构。示例使用了响应式布局,包含头部、导航栏、主要内容和固定页脚。通过<metaname='viewport'>确保在移动设备上正确显示,并使用CSS样式优化页面布局,适应不同屏幕尺寸。
网页设计
前端开发
响应式设计
CSS 响应式图片与视频全攻略:从基础到进阶
编程
CSS 响应式图片与视频全攻略:从基础到进阶
2025-07-22 12:35:49 +0800 CST
view 1007
在设备多样化的时代,响应式图片与视频技术成为提升网页性能和用户体验的关键。通过使用`srcset`、`sizes`和`<picture>`元素,开发者可以根据用户设备特性提供合适的媒体版本,避免流量浪费和加载速度拖慢。本文详细介绍了响应式图片和视频的基础与进阶方案,并提供实战建议与优化技巧。
前端开发
网页设计
响应式设计
编程
键让图片“动”起来!Magic Animator Figma 插件实测体验
2025-08-14 16:12:02 +0800 CST
view 1410
MagicAnimator是由LottieLab发布的Figma插件,能通过AI自动生成可编辑的关键帧动画。用户只需拖入图片并点击按钮,即可快速生成多种动效,支持LottieJSON、GIF和MP4格式导出。该插件简化了动画制作流程,适用于App、网页和社交媒体,提升了设计师的工作效率。
动画制作
设计工具
Figma插件
AI技术
动效设计
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
编程
开源Chrome插件一键扒光网站设计:自动提取配色/字体/间距,生成AI可读的SKILL.md
2026-04-21 09:02:26 +0800 CST
view 459
design-md-chrome:Chrome插件一键提取网站设计规范(字体/配色/间距/阴影/动画),生成DESIGN.md或SKILL.md喂给Claude Code/Cursor复刻
开源
Chrome插件
设计工具
AI编程
前端
设计系统
Claude Code
Cursor
动态键盘的HTML页面,包含CSS样式和JavaScript代码
代码
动态键盘的HTML页面,包含CSS样式和JavaScript代码
2024-11-18 18:19:31 +0800 CST
view 1353
该文本描述了一个动态键盘的HTML页面,包含CSS样式和JavaScript代码。页面展示了一个可交互的键盘,用户可以通过键盘输入来触发动画效果。JavaScript部分处理键盘事件,随机选择一个键并在用户按下时进行动画反馈。整体设计旨在提供一个有趣的用户体验。
网页设计
前端开发
交互设计
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
案例
4400人收藏!Kami:让AI生成的文档终于有了值得一看的排版
2026-05-06 07:10:59 +0800 CST
view 493
4400人收藏的Kami文档设计系统,8条设计铁律让AI生成文档有专业排版,6种文档类型,12种内置SVG图表,暖米色背景+油墨蓝强调色,Serif字体印刷质感
文档设计
AI排版
Kami
PDF生成
设计系统
Claude Skill
tw93
编程
Poster-Design:开源海报设计工具的完全指南与核心技术解析
2025-09-01 09:49:16 +0800 CST
view 1297
Poster-Design是一个功能强大的开源海报设计工具,旨在满足日益增长的高质量视觉设计需求。它基于现代Web技术栈构建,提供从简单图片编辑到复杂排版设计的全方位能力。本文深入解析其架构设计、核心功能及快速创建专业级视觉内容的方法,适用于电商、社交媒体、企业宣传等多个场景。
设计工具
开源软件
视觉设计
技术架构
开发
代码
CSS 实现金额数字滚动效果
2024-11-19 09:17:15 +0800 CST
view 3093
本文介绍了如何使用HTML、CSS和JavaScript实现金额数字的滚动效果,增强用户界面的动态视觉效果。通过实时滚动数字,用户可以直观感知金额变化,适用于购物网站和金融应用。提供了完整的代码示例,包括HTML、CSS和JavaScript部分,展示了如何实现这一效果,并强调了其交互性和动画效果。
前端开发
用户界面
动态效果
网页设计
交互设计
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
编程
花束设计(Huashu Design)深度解析:当 Claude Code 拥有了一个「会设计的大脑」
2026-04-27 13:22:42 +0800 CST
view 1051
花束设计(Huashu Design)是一个给 Claude Code 的 HTML 原生设计 skill,7天获得6700+ Stars。本文深度解析其七大能力模块、防AI Slop规则系统、品牌资产协议和Stage+Sprite动画引擎。
Huashu Design
Claude Code
AI设计
Skill
HTML
前端
设计工具
开源
回到上次阅读位置技术实践
编程
回到上次阅读位置技术实践
2025-04-19 09:47:31 +0800 CST
view 1382
本文讨论了在长网页中自动定位用户上次阅读位置的技术需求与实现方案。主要包括位置记录、数据存储和位置恢复。对比了四种方案:使用scroll事件和localStorage、锚点ID与URL、IntersectionObserverAPI以及滚动位置预测,分析了各方案的优缺点及适用场景,提供了选型建议以提升用户体验。
前端开发
用户体验
技术方案
网页设计
编程
15 个你应该了解的有用 CSS 属性
2024-11-18 15:24:50 +0800 CST
view 1745
本文介绍了15个开发者应该了解但常被忽视的有用CSS属性,包括caret-color、accent-color、pointer-events等,旨在提升网页设计和用户体验。通过这些属性,开发者可以更好地控制元素的样式和行为,从而构建更具吸引力和功能性的网站。
网页设计
前端开发
CSS
c++ 设计模式-观察者模式(Observer Pattern)
编程
c++ 设计模式-观察者模式(Observer Pattern)
2024-11-18 19:11:17 +0800 CST
view 1765
观察者模式是一种行为型设计模式,定义了一对多的依赖关系。当一个对象状态改变时,所有依赖于它的对象会收到通知并自动更新。该模式解耦了发布者和订阅者,允许它们独立变化。本文提供了C++实现示例,讨论了优缺点、应用场景及如何确保线程安全和避免死锁问题。
设计模式
编程
多线程
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
4
5
6
...
11
下一页