AI,自己全程接管维护

php mysql shell go vue css api接口对接支付接口对接

Vue3 组件间通信的多种方式

Vue3 组件间通信的多种方式
2024-11-19 02:57:47 +0800 CST view 1780
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式，包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码，详细讲解了如何使用props和emit进行父子组件通信，以及如何通过父组件作为桥梁实现兄弟组件通信，最后介绍了使用EventBus进行非直接关系组件的通信。
前端开发 Vue.js 组件化 JavaScript Web开发

如何在Vue3中使用事件总线实现跨组件通信？

如何在Vue3中使用事件总线实现跨组件通信？
2024-11-17 22:19:47 +0800 CST view 1868
本文介绍了如何在Vue3中使用事件总线实现跨组件通信。事件总线是一种全局的发布/订阅模式，通过它可以让不同组件之间进行消息传递。文章提供了创建事件总线、发送和监听事件的示例代码，并讨论了最佳实践，如解耦合、生命周期管理和命名规范，以提高代码的可维护性和可重用性。
前端开发 Vue 组件通信

如何在Vue3中使用模板引用操作DOM？

如何在Vue3中使用模板引用操作DOM？
2024-11-18 19:57:44 +0800 CST view 1501
本文详细介绍了如何在Vue3中使用模板引用来操作DOM元素，包括定义和访问模板引用的基本用法，以及在复杂场景下的应用示例，如在Canvas上绘制图形。通过使用组合API中的ref和生命周期钩子onMounted，开发者可以方便地实现DOM操作，提升开发效率。
前端开发 Vue JavaScript DOM操作组件

万字深度解析 WebAssembly 服务端运行时：从 WASI 到组件模型，WasmEdge 与 Spin 如何把轻量级沙箱推向生产——从冷启动原理到 AOT 编译优化的完整技术指南（2026）

万字深度解析 WebAssembly 服务端运行时：从 WASI 到组件模型，WasmEdge 与 Spin 如何把轻量级沙箱推向生产——从冷启动原理到 AOT 编译优化的完整技术指南（2026）
2026-07-09 04:25:16 +0800 CST view 247
从 WASI 能力模型到 Component Model，深入拆解 WasmEdge/Wasmtime/Spin 的运行时架构、embeddings 实战与冷启动/AOT 性能优化，讲清 WASM 服务端化的工程落地。
WebAssembly WASI WasmEdge Spin 服务端运行时组件模型

如何在Vue3中使用组合API和ref创建一个响应式表单？

如何在Vue3中使用组合API和ref创建一个响应式表单？
2024-11-19 07:04:42 +0800 CST view 2034
本文介绍了如何在Vue3中使用组合API和ref创建一个响应式表单。通过具体示例，讲解了组件的结构、响应式数据的定义、表单的提交处理以及表单验证的实现。组合API提供了更灵活的方式来管理组件逻辑，使得代码更加简洁和易于维护。
前端开发 Vue JavaScript 组件表单

xdh-map是一款基于OpenLayers的Vue地图应用组件库，旨在简化地图集成过程，适合前端开发者使用
2024-11-19 09:44:23 +0800 CST view 3000
xdh-map是一款基于OpenLayers的Vue地图应用组件库，旨在简化地图集成过程，适合前端开发者使用。它支持多种国内主流地图服务，内置20多种可视化组件，极大降低了开发门槛，初学者无需编写代码即可实现地图功能。该库还与MyUI无缝集成，方便开发者快速上手，开箱即用。
开源项目前端开发地图应用 Vue组件可视化

Vue3 中的 `emits` 选项是用来做什么的？

Vue3 中的 `emits` 选项是用来做什么的？
2024-11-17 16:00:20 +0800 CST view 1673
本文介绍了Vue3中的`emits`选项，解释其用途及在项目中的使用方法。`emits`选项用于显式声明组件发出的事件，提升代码可读性和可维护性，并提供事件验证功能。通过示例展示了基本用法、带参数的事件及事件验证，强调了在父组件中监听子组件事件的重要性，最终提高了组件间的通信效率。
Vue.js 前端开发组件通信

Vue 中如何处理父子组件通信？

Vue 中如何处理父子组件通信？
2024-11-17 04:35:13 +0800 CST view 1554
本文介绍了在Vue中处理父子组件通信的几种常见方法，包括使用props和$emit、provide和inject以及$parent和$children。通过示例代码，展示了如何在父组件和子组件之间传递数据和触发事件。推荐使用props和$emit作为主要方式，而provide和inject适合深层组件间的数据传递，$parent和$children则因耦合度高而不建议常规使用。
前端开发 Vue 组件通信

Vue 中如何处理跨组件通信？

Vue 中如何处理跨组件通信？
2024-11-17 15:59:54 +0800 CST view 1631
在Vue中，跨组件通信是常见需求，尤其在复杂项目中。可以通过`$emit`和`$on`实现父子组件通信，使用EventBus处理非父子组件通信，Vuex适合大型应用的状态管理，`provide`和`inject`则简化了祖先与后代组件的数据传递。根据具体需求选择合适的方法，提高组件协作效率。
Vue 前端开发组件通信

WebAssembly 组件模型深度实战：跨语言模块化架构的革命性突破

WebAssembly 组件模型深度实战：跨语言模块化架构的革命性突破
2026-05-08 15:07:06 +0800 CST view 492
从核心概念到生产级部署，带你全面掌握 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 632
从核心概念到生产级部署，带你全面掌握 WASI 0.2.0 时代的组件化开发范式。涵盖 WIT 接口定义、多语言组件实现、性能优化与实战案例。
WebAssembly Wasm 组件模型 Rust 跨语言

如何在 Vue 中实现动态组件切换？

如何在 Vue 中实现动态组件切换？
2024-11-19 09:18:03 +0800 CST view 1381
在Vue项目中，动态切换组件是一种常见需求。通过使用``，可以根据用户操作在`ComponentA`和`ComponentB`之间切换。示例中展示了如何创建基本组件、切换逻辑和在Vue实例中引入组件，提升了页面的交互体验。
前端 Vue.js 组件

当 WebAssembly 成为「一等公民」：WASI 3.0、组件模型与 2026 云原生计算的新边界

当 WebAssembly 成为「一等公民」：WASI 3.0、组件模型与 2026 云原生计算的新边界
2026-07-16 08:14:03 +0800 CST view 247
从工程师视角深度拆解 2026 年 WebAssembly + WASI 技术栈：WASI 3.0 Preview 2 核心特性、组件模型跨语言互操作范式、主流运行时对比与选型、WASI 插件开发实战、性能调优，配完整代码示例与实测数据。
WebAssembly WASI 组件模型 wasmtime WasmEdge wasm-tools WIT serverless 边缘计算云原生插件系统性能优化 Rust

WASM 2026 服务器端革命：WASI 0.2 组件模型如何让 WebAssembly 成为云原生新基建

WASM 2026 服务器端革命：WASI 0.2 组件模型如何让 WebAssembly 成为云原生新基建
2026-06-28 16:43:34 +0800 CST view 356
2026年WebAssembly服务端生态深度解析：WASI 0.2组件模型、WasmEdge AOT推理、Docker wasmtime集成与生产部署实战，10000字深度长文。
WebAssembly WASM WASI 组件模型云原生 Serverless WasmEdge wasmtime

WebAssembly 组件模型深度解析：当「一次编写，到处运行」终于成为现实

WebAssembly 组件模型深度解析：当「一次编写，到处运行」终于成为现实
2026-04-08 18:55:13 +0800 CST view 924
深度解析 WebAssembly 组件模型：从模块隔离困境到 WIT 接口类型系统，从能力导向安全到跨语言协作，全面解读这一让「一次编写，到处运行」真正成为现实的技术革命。
WebAssembly Wasm 组件模型 WIT 云原生边缘计算

Vue3 组件通信详解：父传子、子传父与兄弟组件通信

Vue3 组件通信详解：父传子、子传父与兄弟组件通信
2025-03-21 08:45:59 +0800 CST view 1628
本文详细讲解了Vue3中组件之间的通信方式，包括父传子、子传父和兄弟组件通信。通过示例代码展示了如何使用Props和Emit进行父子组件通信，以及通过父组件中转、事件总线、Pinia和Provide/Inject实现兄弟组件之间的通信。每种方式都有其优缺点和适用场景，适合不同规模的应用程序。
Vue 前端开发组件

你知道Vue中的异步组件有什么作用吗？

你知道Vue中的异步组件有什么作用吗？
2024-11-18 20:55:20 +0800 CST view 1423
本文探讨了Vue.js中异步组件的作用，包括按需加载、代码分割和性能优化等。异步组件允许在需要时加载特定组件，从而降低初始加载时间，提高用户体验。通过示例代码展示了如何在Vue中实现异步组件，强调了其在模块化开发中的重要性，帮助开发者构建高效的Web应用。
前端开发 Vue.js JavaScript 性能优化组件

请解释一下Vue3的树状组件是什么？

请解释一下Vue3的树状组件是什么？
2024-11-18 15:01:11 +0800 CST view 1705
Vue3的树状组件是一种用于展示层级结构数据的UI组件，基于Vue的响应式数据绑定机制，支持异步加载、拖拽操作和丰富的配置项。它能够自动响应数据变化，简化DOM操作，适用于展示组织架构、文件夹结构等。开发者可以通过高度自定义的配置，快速构建符合需求的界面，提升用户体验。
前端开发 Vue.js UI组件

Vue Print Designer：可视化打印设计器，支持业务表单、标签、票据、快递单

Vue Print Designer：可视化打印设计器，支持业务表单、标签、票据、快递单
2026-06-01 22:26:41 +0800 CST view 601
Vue Print Designer是一款可视化打印设计器，面向业务表单、标签、票据、快递单等场景，支持模板化、变量化，并提供静默打印与云打印能力，同时兼容多种导出/打印方式。基于Web Components，零依赖适配Vue/React/Angular/原生HTML等所有技术栈。
Vue 打印设计器开源 Web Components 可视化打印表单设计标签打印

底部导航栏
2024-11-19 01:12:32 +0800 CST view 1724
该文本展示了一个底部导航栏的HTML和CSS实现，包含了样式设置、动画效果和JavaScript交互。导航栏使用了弹性盒布局，包含多个导航项，每个项都有不同的颜色和图标。通过JavaScript实现了点击切换选中状态的功能，增强了用户体验。整体设计注重语义化和响应式布局，适合现代网页应用。
前端开发网页设计用户界面交互设计

开源版 Figma 真来了：Penpot 本地部署，外网也能访问

开源版 Figma 真来了：Penpot 本地部署，外网也能访问
2026-07-05 16:40:21 +0800 CST view 403
Penpot是开源版Figma，支持UI设计、原型制作、团队协作和设计系统管理。支持Docker本地部署，通过MCP Server接入Codex/Cursor/Claude Code等AI Agent。配合cpolar内网穿透可实现外网访问。
Penpot Figma 设计工具 UI设计原型开源 MCP AI Agent Docker 自托管内网穿透 cpolar MPL-2.0

Hallmark 深度拆解：当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌（2026）

Hallmark 深度拆解：当 AI 设计从"千篇一律"到"独一无二"——开源反 AI-slop 设计 Skill 的工程全貌（2026）
2026-07-18 11:16:28 +0800 CST view 207
2026年7月爆火的Nutlope/hallmark开源项目深度拆解：21种宏观结构、20+设计主题、57道检测门，从根本上解决AI生成设计千篇一律的问题。完整代码实战与工程架构分析。
Hallmark AI设计反AI-slop Claude Code Cursor Codex 设计系统前端工程 AI编程 Nutlope GitHub开源 HTML CSS

CSS 奇技淫巧

CSS 奇技淫巧
2024-11-19 08:34:21 +0800 CST view 1850
本文介绍了一系列高效的CSS技巧，旨在帮助前端开发者减少JavaScript代码，提高代码简洁性和用户体验。涵盖了阻止文本选择、响应式字体、宽高比设置、平滑滚动、深色模式、图片填充、动态内容显示等多种实用技巧，适用于现代网页设计。
前端开发 CSS 用户体验网页设计响应式设计

Open Design 深度解析：开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎

Open Design 深度解析：开源世界的 Claude Design 替代品——当 AI 编程代理变身设计引擎
2026-05-01 23:15:01 +0800 CST view 2396
深度解析 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 345 6...12 下一页