0 views collected around this technical thread.
Learn how to implement Webpack’s Module Federation using Vite and Vue, covering core concepts, advantages over traditional micro‑frontend solutions, detailed setup steps, code examples, and common pitfalls such as dependency conflicts and version mismatches.
This article introduces the open‑source “3D Desktop Pet” project, detailing how to create a cross‑platform Electron application that combines a transparent always‑on‑top window, Three.js‑driven 3D pet interactions, and Dexie.js‑based task management, along with performance optimizations and multi‑window reminder system.
This document provides a comprehensive overview of a contract management and employee travel expense reimbursement system for small‑to‑medium enterprises, detailing its functional modules, BS architecture with Vue front‑end and Django back‑end, environment setup, database configuration, user registration, login procedures, and management of users, departments, projects, contracts, reimbursements, and financial approvals.
This article explains how repeated button clicks cause duplicate submissions, demonstrates using debounce and a loading‑disabled state to mitigate the issue, and shows how to encapsulate the solution into a reusable Vue 3 directive with complete code examples.
The Vue ecosystem has taken a major step into artificial intelligence by adding llms.txt files to its documentation sites and releasing the vitepress-plugin-llms, which automatically generates AI‑friendly metadata to improve developer efficiency and document parsing.
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.
This article explores three approaches to bring Vue‑like directives such as r‑if and r‑for into React, compares their pros and cons, and provides a complete Babel plugin implementation that transforms custom JSX attributes into standard React conditional and list rendering syntax.
This article explains how to export HTML content—often fetched from the web with irregular tags and asynchronous images—into PDF files using Vue, html2pdf.js, jsPDF, and html2canvas, while also covering backend alternatives and practical CSS fixes.
This article presents a complete Gomoku web application built with Vue 3 on the front end and NestJS on the back end, featuring customizable pieces, stylish UI, AI opponents of varying difficulty, and real‑time LAN multiplayer using Socket.io, along with detailed code examples and architectural explanations.
This article explains how to create a reusable Vue directive that animates a list scrolling continuously using requestAnimationFrame, allows pausing on mouse click, and lets users adjust the scroll speed, with a complete code example and detailed implementation notes.
This article provides a comprehensive comparison between Vue 2 and Vue 3, covering changes in reactivity implementation, the introduction of the Composition API, lifecycle hook updates, component caching, data binding techniques, state‑management alternatives, storage options, and numerous code snippets that illustrate each concept for developers preparing for interviews or upgrading projects.
This article explains how to analyze Bilibili's homepage banner, extract its image layers and transformation data, and then implement the same effect using pure JavaScript as well as Angular, React, and Vue, providing complete source code and a step‑by‑step guide.
This article introduces a continuously updated Spring Boot 3 case collection and provides a step‑by‑step tutorial on implementing Server‑Sent Events using both the native EventSource API and the fetch‑event‑source library, covering backend controller code, frontend Vue integration, and practical code examples.
This article explains how to prevent loss of unsaved video data by intercepting browser back/forward actions, page refresh or close events, and Vue router navigation using the History API, beforeunload listener, and navigation guards, with complete Vue code examples.
This article explores how bitwise operators can replace verbose boolean checks for permission handling, drawing examples from React Fiber, Vue3 virtual DOM, and common algorithmic problems, and provides a step‑by‑step guide to building a compact, high‑performance permission system in JavaScript.
This article presents the Vue 3 custom hook useWatchFields, which lets developers monitor specific fields of a large reactive state object with flexible, lightweight, and optionally debounced change detection, simplifying code compared to traditional watch and computed APIs.
The article refutes the “frontend is dead” myth by showing that modern front‑end engineering is moving from a UI‑first approach to a data‑driven paradigm—using layered atomic, computed, and view models—to improve testability, efficiency, and AI‑assisted development, as demonstrated through practical Vue examples and a gray‑release case study.
The article introduces Vant4-kit, a Vue3 + TypeScript mobile UI component library that extends Vant4 with new form and datetime picker components, showcases its features, provides code examples for XForm and XDatetimePicker, and invites feedback from developers.
This article explains why chaotic import statements hurt development, outlines the three main pitfalls, and provides a step‑by‑step guide to refactor imports using ESLint plugins, automatic fixing, and Vue‑specific adjustments to achieve a clean, maintainable codebase.
This article recounts the architectural challenges of the Xingyun 2.0 frontend platform, explains why its monolithic codebase and build process became unsustainable, and details the step‑by‑step migration to a modular monorepo with micro‑frontend, Nx, pnpm, and Tailwind to improve scalability, maintainability, and developer productivity.