Tagged articles
11 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 8, 2025 · Frontend Development

Elegant Dialog Invocation in Vue: A Scalable Architecture for Configurable Pop‑ups

This article presents a scalable Vue architecture that separates generic dialog logic from component‑specific configuration panels, using dynamic creation with createApp and Element‑Plus dialogs to achieve high cohesion, low coupling, and easy maintenance for numerous low‑code components.

DialogDynamic ComponentElement Plus
0 likes · 16 min read
Elegant Dialog Invocation in Vue: A Scalable Architecture for Configurable Pop‑ups
VMIC UED
VMIC UED
Jul 30, 2024 · Frontend Development

Mastering Popup Design: Principles, Types, and Best Practices

This comprehensive guide explains what popups are, distinguishes modal and non‑modal varieties, outlines essential design principles for titles, content, buttons, and overlays, and provides a step‑by‑step workflow for selecting and implementing the right popup type to improve user experience.

DialogInteraction DesignUI design
0 likes · 14 min read
Mastering Popup Design: Principles, Types, and Best Practices
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 11, 2023 · Frontend Development

Converting State‑Driven Dialogs to Command‑Style Calls with the useCommandComponent Hook

This article explains how to convert state‑driven Element‑Plus Dialog components into a command‑style API using a custom useCommandComponent hook, discusses the drawbacks of traditional Dialog handling, outlines required component conventions, provides implementation code, and offers practical usage examples for Vue developers.

Composition APIDialogVue
0 likes · 11 min read
Converting State‑Driven Dialogs to Command‑Style Calls with the useCommandComponent Hook
The Dominant Programmer
The Dominant Programmer
Nov 30, 2020 · Mobile Development

How to Implement Five Common Android Dialog Types

This tutorial walks through creating five typical Android dialogs—normal, list‑based, custom‑view, progress bar, and date picker—by adding buttons to a layout, writing click handlers, and using AlertDialog, ProgressDialog, and DatePickerDialog with complete code examples and screenshots.

AlertDialogAndroidCustomView
0 likes · 8 min read
How to Implement Five Common Android Dialog Types
网易UEDC
网易UEDC
Mar 22, 2017 · Frontend Development

Mastering Overlay Layers: Dialogs, Toasts, and Snackbars Explained

This article defines overlay layers, compares dialog boxes, toasts, and snackbars, outlines their modal and non‑modal variants, usage scenarios, design tips, advantages, and drawbacks, helping designers choose the right temporary UI component for mobile and web applications.

DialogMobileOverlay
0 likes · 10 min read
Mastering Overlay Layers: Dialogs, Toasts, and Snackbars Explained