Tag

draggable

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 25, 2025 · Frontend Development

Implementing a Draggable and Resizable Container Component in Vue

This article explains how to create a Vue component that supports both dragging and resizing by rendering CSS edges and corners, handling mouse events to track movement, calculating new dimensions, enforcing minimum sizes, and providing a complete template, script, and style implementation.

CSSJavaScriptVue
0 likes · 15 min read
Implementing a Draggable and Resizable Container Component in Vue
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 1, 2024 · Frontend Development

Deep Dive into a React Draggable Floating Ball Component

This article provides a comprehensive technical walkthrough of building an advanced draggable floating‑ball UI component in React, covering drag handling with react‑draggable, boundary calculations, edge‑snapping, circular menu creation via CSS transforms, right‑click context menus, and app‑switching logic, all illustrated with code snippets and visual examples.

CSS transformsUI Componentcontext menu
0 likes · 10 min read
Deep Dive into a React Draggable Floating Ball Component
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 2, 2024 · Frontend Development

Implementing a Drag‑and‑Drop Form Generator with Vue and VueDraggablePlus

This article walks through the complete design and implementation of a dynamic form‑generator page using Vue, VueDraggablePlus, and Vben components, covering requirement analysis, data structures, drag‑and‑drop logic, component architecture, key source snippets, and practical development steps.

JavaScriptVuedraggable
0 likes · 14 min read
Implementing a Drag‑and‑Drop Form Generator with Vue and VueDraggablePlus