程序员茄子
全部
编程
代码
资讯
案例
综合
联系我们
html在线编辑
登录注册
AI,自己全程接管维护
php
mysql
shell
go
vue
css
api接口对接
支付接口对接
最新
最热
Vue3中的Scoped Slots有什么改变?
编程
Vue3中的Scoped Slots有什么改变?
2024-11-17 13:50:01 +0800 CST
view 1775
本文探讨了Vue3中ScopedSlots的变化,包括语法的简化、CompositionAPI的引入以及对Teleport特性的支持。这些改进使得组件间的通信和数据传递更加灵活,同时提升了代码的可维护性。通过示例代码,展示了如何在父组件中使用ScopedSlots接收和处理子组件传递的数据,帮助开发者更好地理解这些变化。
Vue.js
JavaScript
前端框架
组件化开发
综合
GoView是一个基于Vue3的低代码可视化开发设计器
2024-11-19 06:38:15 +0800 CST
view 2284
GoView是一个基于Vue3的低代码可视化开发设计器,提供强大的组件库和灵活的配置选项,帮助用户快速构建数据驱动的应用程序。设计器界面简洁,支持拖拽和实时构建,功能包括视图切换、组件库、属性配置等。内置50+可视化组件,支持主题切换和多种依赖,旨在简化数据可视化流程,提升用户体验。
低代码
可视化开发
前端框架
用户界面
数据可视化
Qoder 1.0 深度实战:阿里云智能体自主开发工作台——从 AI IDE 到 Agent 团队自动驾驶,编程范式正在被重写
编程
Qoder 1.0 深度实战:阿里云智能体自主开发工作台——从 AI IDE 到 Agent 团队自动驾驶,编程范式正在被重写
2026-05-16 10:45:01 +0800 CST
view 922
深度解析阿里云Qoder 1.0智能体自主开发工作台:从多Agent协同架构、知识引擎、跨项目并行到自定义专家,含完整微服务实战代码与竞品对比
AI编程
Agent
Qoder
阿里云
智能体
自动化开发
Trae 深度拆解:当字节跳动决定用 AI 重写 IDE——从 VS Code 内核到 SOLO 双智能体的架构手术
编程
Trae 深度拆解:当字节跳动决定用 AI 重写 IDE——从 VS Code 内核到 SOLO 双智能体的架构手术
2026-08-10 08:47:08 +0800 CST
view 95
深度拆解字节跳动 Trae AI 原生 IDE:从 VS Code 内核到 SOLO 双智能体架构,Chat/Builder/SOLO 三种模式、多模型调度引擎、MCP 协议集成,与 Cursor、Claude Code 的真实对比,含完整代码示例与生产踩坑清单。
Trae
字节跳动
AI IDE
SOLO模式
Builder模式
Claude Code
Cursor
多智能体架构
MCP协议
AI编程
代码生成
自动化开发
Vue3 组件间通信的多种方式
编程
Vue3 组件间通信的多种方式
2024-11-19 02:57:47 +0800 CST
view 1791
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props和emit进行父子组件通信,以及如何通过父组件作为桥梁实现兄弟组件通信,最后介绍了使用EventBus进行非直接关系组件的通信。
前端开发
Vue.js
组件化
JavaScript
Web开发
Vue3中的Slots有哪些变化?
编程
Vue3中的Slots有哪些变化?
2024-11-18 16:34:49 +0800 CST
view 1680
Vue3在插槽的使用上引入了重要变化,包括新的SlotsAPI、简化的作用域插槽语法、支持Fragments以及插槽的统一处理。这些改进使得组件化开发更加灵活和强大,提升了开发者的使用体验。
前端开发
Vue.js
组件化
Vue3中如何通过props方式传递数据给子组件?
编程
Vue3中如何通过props方式传递数据给子组件?
2024-11-18 21:44:26 +0800 CST
view 1829
本文介绍了如何在Vue3中通过props方式将数据从父组件传递给子组件。首先定义父组件并声明需要传递的数据,然后在子组件中接收这些props。示例代码展示了父组件如何通过props传递字符串数据,以及子组件如何声明和使用这些props。掌握props的使用是Vue组件开发的重要部分,增强了组件的复用性和可维护性。
Vue
前端开发
组件化
下一代 CSS 来了!用 @scope 告别全局样式困扰
编程
下一代 CSS 来了!用 @scope 告别全局样式困扰
2025-08-15 12:20:30 +0800 CST
view 1112
本文介绍了CSS的新特性@scope,它解决了全局样式冲突的问题。@scope允许开发者将样式限制在特定的DOM区域,避免了传统BEM命名法的冗长和复杂性。通过示例展示了如何使用@scope简化HTML和CSS代码,使样式更直观且易于维护。@scope代表了CSS的未来发展方向,促进了组件化开发。
前端开发
CSS
组件化
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
编程
为什么在 Vue.js 的组件中,data 必须是一个函数而不是一个对象?
2024-11-18 18:17:37 +0800 CST
view 1461
在Vue.js中,组件的data必须是一个函数而不是一个对象,以确保每个组件实例都有独立的状态,避免数据共享带来的混乱。通过将data定义为返回对象的函数,Vue.js确保了组件之间的独立性,避免了数据污染和意外副作用。这一设计是Vue.js框架的重要原则,有助于构建高质量的组件。
前端开发
JavaScript
Vue.js
组件化
数据管理
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
编程
Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框
2024-11-18 06:26:04 +0800 CST
view 1727
本文介绍了如何利用Vue3的CompositionAPI创建可复用的模态框组件。通过示例代码,展示了组件的结构、逻辑管理以及如何在父组件中使用该模态框。使用CompositionAPI可以提高代码的可读性和复用性,适用于现代前端开发中的组件化需求。
前端开发
Vue.js
组件化
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
编程
Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信
2024-11-18 19:52:25 +0800 CST
view 1919
本文探讨了在Vue3中使用CompositionAPI进行组件间通信的多种方式,包括父子组件通信、兄弟组件通信和非直接关系组件通信。通过示例代码,详细讲解了如何使用props、emit事件、父组件作为桥梁以及EventBus等方法来实现组件之间的交互,提升代码的可维护性和可读性。
前端开发
Vue.js
组件化
状态管理
uni-app 也能实现全局 Toast?这套方案彻底搞定!
编程
uni-app 也能实现全局 Toast?这套方案彻底搞定!
2025-08-17 18:33:39 +0800 CST
view 1761
本文介绍了一种在uni-app中实现全局Toast的解决方案,解决了传统方法的局限性。通过wd-toast组件、Layout插件和Pinia状态管理,用户可以在任何地方调用Toast,支持网络请求失败提示、路由守卫提醒等功能。该方案还具备良好的扩展性,能够实现全局加载和弹窗等功能,提升用户体验。
uni-app
前端开发
用户体验
组件化
状态管理
Vue3中集成外部库,如图表库Chart.js和地图库Leaflet
编程
Vue3中集成外部库,如图表库Chart.js和地图库Leaflet
2024-11-18 19:01:24 +0800 CST
view 1539
本文详细介绍了如何在Vue3中集成外部库,如图表库Chart.js和地图库Leaflet。通过安装相关库、创建组件并在项目中使用,展示了集成的具体步骤和代码示例,帮助开发者在面试中展示技能。
前端开发
Vue
图表
地图
组件化
WebAssembly Component Model 深度解析:WASI 2.0 如何用跨语言组件标准重新定义可组合软件架构——从 Wasmtime 运行时到生产级多语言互操作的完整实战指南
编程
WebAssembly Component Model 深度解析:WASI 2.0 如何用跨语言组件标准重新定义可组合软件架构——从 Wasmtime 运行时到生产级多语言互操作的完整实战指南
2026-07-06 21:43:00 +0800 CST
view 340
深度解析WebAssembly Component Model与WASI 2.0:跨语言组件标准如何用WIT接口定义、能力型安全、资源生命周期管理重新定义可组合软件架构。从Rust/Go/Python多语言组件实战到Wasmtime运行时性能优化,含完整代码示例与生产部署指南。
WebAssembly
Component Model
WASI
Wasmtime
Rust
跨语言
组件化
Wasm
Eino 深度实战:Go 语言 LLM 应用开发的组件化革命——从架构哲学到生产级 Agent 构建的完全指南(2026)
编程
Eino 深度实战:Go 语言 LLM 应用开发的组件化革命——从架构哲学到生产级 Agent 构建的完全指南(2026)
2026-06-04 15:49:45 +0800 CST
view 777
Eino是字节跳动CloudWeGo团队开源的Go语言LLM应用开发框架,本文从架构设计到代码实战,完整讲解组件化设计、Chain/Graph编排、Tool Calling、RAG、Memory、可观测性及生产级部署
Go
Eino
LLM
CloudWeGo
AI Agent
RAG
组件化框架
如何在Vue中基于条件动态地渲染不同的组件
编程
如何在Vue中基于条件动态地渲染不同的组件
2024-11-18 14:54:07 +0800 CST
view 1905
本文探讨了如何在Vue3中基于条件动态渲染不同的组件。介绍了使用v-if与v-else指令、动态组件<component>、缓存组件状态的<keep-alive>以及与路由结合的方式。通过示例代码,展示了如何根据用户操作或状态切换组件,提升应用的动态性和互动性。
前端
Vue
组件化
动态渲染
JavaScript
WebAssembly Component Model 深度解析:WASM 的集装箱革命如何重塑跨语言组件化开发
编程
WebAssembly Component Model 深度解析:WASM 的集装箱革命如何重塑跨语言组件化开发
2026-04-24 18:05:25 +0800 CST
view 781
深度解析WebAssembly Component Model从WIT接口定义到跨语言组件实战
WebAssembly
WASM
Component Model
WIT
WASI
Rust
Go
微服务
跨语言
组件化
Web Components 2026:前端框架去框架化革命——从Custom Elements到原生Web组件生态的完整演进
编程
Web Components 2026:前端框架去框架化革命——从Custom Elements到原生Web组件生态的完整演进
2026-08-10 16:14:46 +0800 CST
view 92
深度解析Web Components在2026年的发展现状:Custom Elements、Shadow DOM、HTML Templates核心API,Lit与Stencil框架对比,React与Vue适配,性能优化策略,微前端架构实战,以及与传统框架的完整对比分析。
Web Components
Custom Elements
Shadow DOM
前端框架
组件化
Lit
Stencil
Web Components 2026全景解析:当浏览器原生能力重塑前端架构——从四大核心API到企业级实战的完整指南
编程
Web Components 2026全景解析:当浏览器原生能力重塑前端架构——从四大核心API到企业级实战的完整指南
2026-08-10 16:15:40 +0800 CST
view 87
深度解析Web Components在2026年的发展现状:Custom Elements、Shadow DOM、HTML Templates核心API,Lit与Stencil框架对比,React与Vue适配,性能优化策略,微前端架构实战,以及与传统框架的完整对比分析。
Web Components
Custom Elements
Shadow DOM
前端框架
组件化
Lit
Stencil
使用 `<script setup>` 语法糖时的常见错误、原因及避免方法
编程
使用 `<script setup>` 语法糖时的常见错误、原因及避免方法
2024-11-18 02:34:48 +0800 CST
view 1929
本文总结了在使用Vue3的`<scriptsetup>`语法糖时常见的错误及其避免方法,包括TypeScript类型处理、`this`的使用、修改props、异步操作、响应式变量的使用、组件实例属性的暴露及生命周期钩子的处理。通过遵循这些建议,可以优化组件开发流程,提高代码效率。
Vue
前端开发
JavaScript
编程技巧
组件开发
Vue 3中的 `setup` 函数有什么作用?
编程
Vue 3中的 `setup` 函数有什么作用?
2024-11-18 08:42:09 +0800 CST
view 1855
Vue3引入了组合式API,`setup`函数是其核心,替代了Vue2.x的选项式API。`setup`函数在组件创建时调用,处理组件逻辑,返回的数据和方法可直接在模板中使用。它接收`props`和`context`参数,支持响应式状态管理和代码组织。通过组合函数,开发者可以更高效地复用逻辑,提升代码可读性和灵活性。
前端开发
Vue.js
JavaScript
组件开发
响应式编程
Vue 3创建一个简单的文件上传组件,并处理上传的文件
编程
Vue 3创建一个简单的文件上传组件,并处理上传的文件
2024-11-19 04:09:17 +0800 CST
view 2215
本文介绍了如何使用Vue3创建一个简单的文件上传组件,涵盖项目初始化、组件创建、文件处理和自定义功能。通过示例代码,读者可以学习如何实现文件选择、上传及其异常处理,并了解如何集成组件到主应用中。还提供了文件类型验证和上传进度显示的扩展建议。
前端开发
Vue.js
文件上传
组件开发
技术教程
用Vue3的组合式API创建一个简单的计数器组件,包含增加和减少计数的功能
编程
用Vue3的组合式API创建一个简单的计数器组件,包含增加和减少计数的功能
2024-11-18 21:03:13 +0800 CST
view 1915
本文介绍了如何使用Vue3的组合式API创建一个简单的计数器组件,包含增加和减少计数的功能。通过实际代码示例,展示了项目创建、组件结构、响应式变量的定义及其在模板中的使用。最后,强调了组合式API的灵活性和模块化特性,帮助开发者更好地组织代码逻辑和状态。
前端开发
Vue.js
组件开发
编程
技术教程
如何在Vue中创建一个可以添加和移除标签的组件
编程
如何在Vue中创建一个可以添加和移除标签的组件
2024-11-19 03:48:34 +0800 CST
view 1627
本文介绍了如何在Vue3中创建一个标签管理组件,支持添加和移除标签功能。通过逐步的代码示例,读者可以学习如何构建一个用户友好的交互界面,包括防止重复标签的处理和提示信息的显示。最终,读者能够根据需求进一步优化组件,提升用户体验。
前端开发
Vue
组件开发
用户交互
JavaScript
大家都在搜索什么?
devops
易支付
一个官网+多少钱
统一接受回调
统一回调
sub
node
宝塔日志
mysql
shell
ElasticSearch
css
vue
api接口对接
2025
支付接口对接
go
php
php回调
回调
上一页
1
2
3
...
56
下一页