This article explains what enums are, why they are useful for UI display and data storage, and provides a reusable EnumFactory implementation with examples for gender, status, and alignment, showing how to integrate the enums into ElementUI components and Vue forms.
This guide explains how to protect API data exchange by implementing HTTPS, JWT, rate limiting, MAC, and symmetric encryption (AES/DES) in a Spring Boot backend, while using Vue and Axios on the frontend, including custom annotations, request/response advice, and crypto‑js utilities for end‑to‑end encryption.
This article explains how to create a responsive full‑screen scrolling effect using Vue 3, detailing the concept, requirements, underlying principles, and providing complete HTML, JavaScript, and CSS code to handle mouse wheel, touch events, dynamic height calculation, and indicator navigation.
This article explains various approaches to implementing an audit feature in a SpringBoot application, compares their pros and cons, provides detailed SQL schema, Java backend controller code, and Vue frontend integration, and includes complete code snippets for database tables, file handling, and UI components.
This article examines how JSX can be used in Vue 3, compares it with Vue's native template syntax, provides step‑by‑step configuration instructions, and discusses the advantages, disadvantages, and suitable scenarios for adopting JSX in modern frontend development.
This article describes how to engineer Java Velocity templates for local development within a Vue project by creating a Node‑based rendering engine and a custom Webpack loader, enabling hot‑reloading, mock data injection, and seamless integration of Velocity‑generated HTML into the Vue build pipeline.
This article explores the core front‑end technologies implemented in JD’s Competition Ranking H5 page, covering animation effects, style configuration, skin switching, poster generation, debugging tools, performance optimizations, and deployment strategies, providing practical references for front‑end developers.
This article analyzes why the reset button in an Element‑Plus form clears all fields instead of restoring the initial values, explains the underlying cause related to the onMounted lifecycle timing, and presents several practical solutions—including lifecycle adjustment, patch‑package, component extension, and repository forking—to reliably preserve initial form data in Vue projects.
This article explains why a well‑planned directory layout is essential for frontend projects, compares default flat structures with a feature‑oriented hierarchy, and provides step‑by‑step guidance—including folder definitions, creation commands, and import rules—to build maintainable, modular applications.
This article explains four design patterns for implementing an audit workflow, compares their advantages and disadvantages, and provides complete SpringBoot backend, MySQL table definitions, and Vue front‑end code to build a functional audit system with file upload support.
This article introduces Layui‑Vue, a Vue 3 desktop component library, showing how to install it via npm, configure it in main.ts, create a basic layout page with Layui components, and outlines recent bug fixes and enhancements.
This article introduces ten open-source front‑end low‑code platforms—including GoView, vlife, JeecgBoot, maku‑generator, MtBird, Luban H5, Seezoon Stack, Variant Form, ng‑form, and h5‑factory—detailing their main features, technology stacks, and where to obtain their source code.
This guide explains how the vue‑swift‑i18n VS Code extension automates detection, JSON generation, key replacement, tooltip display, JSON flattening, and code completion for Chinese strings in Vue projects, providing step‑by‑step instructions, configuration options, and practical examples to streamline internationalization.
This article walks through how Vue 2 templates are compiled into render functions using webpack, vue‑loader, template‑loader and the underlying compiler, illustrating each step with project structure, source code snippets, and a deep dive into the AST‑to‑render pipeline.
This guide explains how rtty combines a lightweight C client, a Go server, and a Vue front‑end to provide web‑accessible terminals for remote Linux device maintenance, covering its key features, installation steps, token generation, and browser‑based access.
This article explains how adopting RxJS concepts—such as observable streams, pipeline operators, and pure functional transformations—can help Vue developers avoid common reactivity pitfalls, write more declarative code, and improve maintainability through practical examples and concrete guidelines.
This guide walks through the technology stack, system design, UI screenshots, attendance rules, and step‑by‑step setup for a full‑stack HR management application built with Vue, ElementUI, and Spring Boot, enabling admins and employees to manage leave, salary, and attendance.
This roundup covers Chrome’s new Document Picture‑in‑Picture API, WhatsApp’s shift away from Electron, a deep‑dive into IndexedDB versus other web storage options, a real‑world performance analysis case, Vue’s dynamic image handling with require, and the latest ES7‑ES12 language features.
This article walks through four audit implementation strategies, provides the SQL schema and Java SpringBoot controller for an audit feature, shows how to integrate it with a Vue front‑end including file upload handling, and offers complete code snippets for both back‑end and front‑end components.
This article walks through the design and implementation of the order module in the Mall project, covering both backend administration and frontend shopping flow, database schema, API design, and available video tutorials for a comprehensive e‑commerce solution.
This article introduces OpenTiny, an enterprise‑grade, cross‑framework component library for Vue2, Vue3, and Angular, explains its five key advantages—including seamless Vue2‑to‑Vue3 migration and renderless architecture—and provides step‑by‑step commands to quickly scaffold an admin system and customize themes via its CLI and theme‑config tools.
This article explores the core front‑end technologies behind JD’s Race Ranking H5 page, covering animation implementations, style configuration, skin switching, poster generation, debugging tools, API protection, and deployment workflows, offering practical insights and code examples for developers building sophisticated mobile web applications.
This article compares Vue and React across programming syntax, view templating, component architecture, routing, state management, lifecycle hooks, and side‑effect handling, highlighting the trade‑offs in syntax complexity, flexibility, and developer ergonomics to help you choose the right framework for your needs.
The article examines how low‑code platforms and domain‑specific languages can transform repetitive CRUD development in front‑end engineering by introducing visual abstraction, atomic components, and declarative DSLs, while also discussing their limitations, practical implementation patterns, and the importance of conventions over configuration.
The article examines how low‑code platforms and domain‑specific languages (DSL) can transform repetitive CRUD development in front‑end engineering into a more abstract, maintainable workflow, highlighting their benefits, limitations, and practical Vue‑based implementations.
This article explains how to write reusable frontend code by identifying and separating reusable parts such as UI components, API calls, business workflows, shared data, and utility functions, illustrating each with React and Vue examples, code snippets, and best‑practice recommendations.
This article explains how Tencent Video created a unified search system that runs on Android, iOS, H5, mini‑programs and PC by consolidating backend interfaces, using the Hippy‑Vue stack, conditional compilation, and a three‑layer template to dramatically reduce development and maintenance costs.
This article explains the challenges of upgrading large B2B Vue 2 projects to Vue 3, evaluates three technical approaches—Vue SFC templates, render functions, and standard JSX—and details the chosen JSX‑based strategy, multi‑layer architecture, TypeScript support, and open‑source implementation for a seamless cross‑version component library.
This guide demonstrates how to create a powerful web-based Redis CRUD interface by integrating Django for the backend API, MySQL for metadata storage, and Vue for a responsive frontend, covering environment setup, project scaffolding, model and view implementation, routing, and deployment steps.
This article demonstrates step‑by‑step how to set up a high‑performance MinIO object storage service using Docker, configure it in a Spring Boot application, and integrate file upload functionality with a Vue/Element‑UI front‑end, including code snippets for Docker commands, Java client setup, and UI implementation.
This article provides a step‑by‑step guide to creating a mock service tool using Django, MySQL, and Vue, covering backend environment setup, model and view implementation, API routing, frontend Vue project configuration, component development, and how to run both servers for efficient front‑end development and testing.
This guide introduces a lightweight Redis graphical management tool that offers full CRUD support for all Redis data types, outlines its Spring Boot backend and Vue frontend stack, provides step‑by‑step installation and Docker deployment instructions, and details current features, UI screenshots, and future development plans.
This article compiles a series of practical SpringBoot implementations—including AES encryption with Vue, a Netty‑based TCP client that parses hex data into MySQL, multiple Redis integration patterns, strategy‑factory designs, custom annotations for rate limiting, global exception handling, and scheduled tasks—each linked to detailed examples.
This article introduces a lightweight Redis graphical management tool, outlines its backend (Spring Boot) and frontend (Vue) architecture, provides step‑by‑step installation instructions including Docker usage, describes current features like multi‑user management and permission control, and shares future development plans with screenshots and the project repository link.
This document introduces a lightweight Redis graphical management tool, outlines its Spring Boot backend and Vue frontend architecture, provides step‑by‑step installation instructions including Docker deployment, details recent feature enhancements such as multi‑user support and permission control, and mentions future plans for clustering and sentinel modes.
This article introduces FACE-UI, a front‑back separated web application that implements facial login by capturing a photo via the browser, sending it to a Spring Boot backend, and using Tencent Cloud's face comparison API for authentication, with full setup instructions and code examples.
This guide walks developers through the essential mindset, API design, type annotations, DOM properties, controlled vs. uncontrolled patterns, async service handling, hooks, consumer patterns, and documentation practices for building high‑quality, reusable React or Vue components.
This article presents ChatGPT’s side‑by‑side analysis of React, Vue, and Angular, detailing each framework’s strengths—such as React’s component model, Vue’s low learning curve, and Angular’s full‑stack features—and weaknesses, then advises choosing based on project scale, complexity, and developer experience.
This article details a systematic performance‑boost and maintenance‑cost reduction effort for a 230,000‑line Vue3 + Vite PC web project, covering page‑load analysis, bundle visualization, code‑duplication detection, cyclomatic‑complexity measurement, and concrete optimization steps such as on‑demand imports, manual chunking, gzip and image compression, and ESLint rules, resulting in a 52% faster load time and a 3.43 MB smaller bundle.
The article introduces Easy‑Jenkins, a lightweight one‑click deployment tool that supports Vue and JAR projects, explains its pipeline architecture, shows step‑by‑step installation, configuration, branch management, and deployment operations, and provides practical screenshots and command examples for developers.
This article introduces six must‑have VSCode extensions for Vue 3 developers—including Volar, Vue VSCode Snippets, Auto Close Tag, Vue Peek, Vue Theme, and Vite—explaining their key features, installation tips, and usage details to boost productivity.
This article explains the challenges of native scrollbar styling in complex Vue components like vxe-table and vue-gantt-elastic, evaluates existing solutions, and introduces the use-scrollbars Vue hook that enables fully customizable, animated, and performant scrollbars with TypeScript typings, providing step‑by‑step implementation examples.
This article explains how to build a full‑featured Gantt chart in Vue 3, covering the UI layout with left‑hand tree panels and right‑hand timeline, synchronization of scrolling and state, draggable and resizable task bars, date‑generation utilities for various time scales, and performance considerations for large data sets.
This article explains the rapid rise of TypeScript in front‑end engineering, outlines its four key benefits, provides a five‑minute crash course on basic types, functions, arrays, interfaces, generics and Vue integration, and offers a step‑by‑step guide for converting existing JavaScript projects to TypeScript while inviting developers to join the TinyVue open‑source community.
This article provides a comprehensive technical comparison between Vue and React, covering their programming and view styles, component models, routing solutions, state‑management libraries, basic feature differences, reactivity mechanisms, lifecycle hooks and side‑effect handling, with illustrative code examples.
This article explains what front‑end UI frameworks are, why they are useful, and presents a detailed list of the ten most popular domestic UI frameworks in 2023—including Element Plus, Ant Design, Naive UI, View UI Plus, Vant, LayUI, Bootstrap, and WeUI—while advising developers on how to choose the right one for their projects.
This guide walks through creating a Chrome extension using Vue and Vite, covering project initialization, multi‑entry Rollup configuration for background scripts, UI development with tdesign‑vue‑next, debugging hash‑related loading issues, and final deployment steps.
This article analyzes the popularity, download trends, developer preferences, and strengths and weaknesses of Angular, React, and Vue using StackOverflow surveys, NPM download statistics, and State‑of‑JavaScript reports, concluding that React leads in 2021 with Vue and Angular following behind.
This article presents an open‑source Hospital Information System built with Spring Cloud microservices and a Vue front‑end, detailing its functional modules, architecture diagram, backend and frontend technology stacks, development tools, deployment environment, and sample UI screenshots.
This step‑by‑step guide shows backend developers how to create a small management system with Vue 3, TypeScript, Vite, and SpringBoot, covering the technology stack, development‑tool installation, project scaffolding, core components, routing, Pinia state, Axios API wrappers, TypeScript interfaces, environment configuration, and deployment.
This article presents several front‑end approaches for implementing password‑strength validation—including jQuery plugins, a Vue component, and a CSS3 indicator—each accompanied by live demo links and brief usage explanations to improve user experience during registration.
The article explains how Vue 3 improves upon Vue 2 by replacing Object.defineProperty with Proxy for reactivity, introducing a refined runtime renderer, a compiler that transforms templates into render functions, and new features such as the Composition API, script setup, and built‑in components like Fragment and Teleport.
This article explains how to rewrite built‑in HTML and SVG tags in a uni‑app project by overriding Vue's internal tag‑resolution methods, providing step‑by‑step code examples for button and image components and discussing the underlying Vue and webpack mechanisms.
This roundup highlights recent front‑end developments, including Chrome’s new CSS viewport units, the rise of modern JavaScript frameworks, using MutationObserver for dynamic DOM handling, a simple three‑line tweak that slashes build times by 80%, Vue 3 composition‑API insights, and tips for junior developers.
This article explains the purpose of a component library, outlines how to plan, select a framework, set up Vant CLI, configure scripts, organize directories, add and test components, publish to an npm registry, and integrate the library into projects using various import methods.
This article introduces the open‑source chatGPT-service backend and chatGPT-stream frontend, explains their WebSocket integration, provides Gitee mirrors, and offers step‑by‑step commands for cloning, configuring, Docker deployment, compilation, and testing the real‑time ChatGPT application.
This article introduces Vue.js, highlights its advantages such as small size, component‑based architecture, excellent documentation, and easy integration, and then surveys a curated collection of widely used Vue ecosystem projects—including UI component libraries, toolkits, and developer utilities—providing URLs, licenses, and key features for each.
NutUI 4.0 introduces a dynamic CSS‑variables theme, a dedicated icon library, automatic on‑demand component import, new components such as Tour and PullRefresh, extensive component refinements, significant bundle‑size reductions, upgraded build tools, and updated type declarations, providing a lighter, more flexible frontend solution.
This article walks through installing Docker and Docker‑Compose, creating a project directory, writing a docker‑compose.yml that defines Redis, MySQL, Nginx, Java, and a file‑preview service, configuring each container, and using docker‑compose commands to build, start, monitor, and manage the full SpringBoot‑Vue application stack.
This article explains how to use the open‑source mammoth.js library to convert Word (.docx) documents into clean HTML, customize the AST to fix layout issues, and automatically generate Vue component files, dramatically streamlining documentation integration in frontend projects.
This article provides a comprehensive guide to the ProTable Vue component, detailing its features, configuration options, hooks, code implementation, and usage examples, including table rendering, search forms, pagination, custom slots, and data handling for frontend development.
This guide introduces uni-app—a Vue‑based framework that lets developers write a single codebase and deploy to iOS, Android, H5, and various mini‑programs—covers its key advantages, environment setup with HBuilder X or vue‑cli, project creation, platform‑specific building, Flex layout, and background‑image handling.
The article reviews Vue’s 2022 milestones—including the shift to Vue 3, ecosystem growth, and tooling improvements—outlines the 2023 roadmap with smaller, frequent releases, experimental Vapor mode, and also advertises an upcoming PHP online live course with enrollment details.
Diboot is a Spring Boot‑based low‑code platform that eliminates most SQL, accelerates CRUD development, offers powerful RBAC, supports multiple databases and front‑end Vue UI, and provides devtools for one‑click backend and frontend code generation.
This article introduces AJ-Report, an open‑source drag‑and‑drop visual design tool built with Spring Boot and Vue, walks through its technology stack, shows how to clone the repository, set up backend and frontend environments, and demonstrates creating dashboards with multiple data sources.
This guide introduces the open‑source AJ‑Report project, explains its Spring Boot and Vue technology stack, and provides step‑by‑step instructions for cloning the repository, configuring the backend and frontend environments, and creating interactive visual dashboards using drag‑and‑drop components.
The article explains Vue’s virtual‑node diff algorithm, detailing depth‑first traversal, head‑tail pointer comparisons, an index‑map for moved nodes, post‑traversal addition/removal handling, and Vue 3’s static‑vnode optimization, showing how these techniques achieve efficient O(n) DOM updates.
This article demonstrates how to build a real‑time fire‑equipment inspection system using SpringBoot WebSocket on the backend and a Vue‑based frontend, covering project setup, WebSocket configuration, server‑client communication, and testing with code examples.
By shrinking HTML to under 14 KB, replacing large global packages with selective imports, introducing dynamic and lazy loading, externalizing stable libraries via CDN, and caching menu data, the SCM frontend’s common bundle dropped from 1.4 MB to below 200 KB, dramatically improving first‑paint rates and overall page‑load performance.
This article describes the architecture, functional modules, technology choices, and detailed implementation techniques—including coordinate definition, collision detection, zoom/drag handling, object selection, batch operations, alignment, and indoor positioning—of a Vue‑based indoor space management platform that visualizes workstations, meeting rooms, and assets on an interactive map.
This tutorial provides a comprehensive walkthrough for installing Docker, Nginx, and MySQL, and demonstrates how to containerize and deploy a SpringBoot backend and a Vue frontend using Docker commands, Dockerfiles, and appropriate port and volume mappings.
This article analyzes the rapid growth of mobile mini‑programs, compares the cross‑platform frameworks uni‑app and taro based on core requirements, ecosystem, and performance, presents a concrete project structure and rendering details, and quantifies the efficiency gains achieved by adopting uni‑app for automotive quotation services.
This article describes how to build a tool that automatically extracts event tracking (埋点) information from Vue H5 projects by leveraging custom JSDoc tags, Webpack dependency analysis, and an ESLint plugin, enabling one‑click generation of comprehensive tracking documentation and route mapping.
This article presents a full‑stack student management system built with Vue on the front end and SpringBoot + MyBatis on the back end, detailing project introduction, deployment steps, technology stacks, core functionalities, database design, and source code acquisition.
This article provides a step‑by‑step tutorial on installing the stable Nuxt 3 release, explaining server‑side rendering concepts, configuring routes, layouts, components, plugins, composables, Pinia, VueUse, CSS preprocessing, and best practices for building a modern frontend application.
This article introduces a front‑back separated student management system built with Vue on the front end and SpringBoot + Mybatis on the back end, covering project introduction, deployment steps, UI showcases, technology stacks, system functions for admin, teacher, and student roles, as well as database design and acquisition methods.
This article explores the fundamentals of Vue's compilation process, compares Vue 2 and Vue 3 compilers, demonstrates sandbox compilation with code examples, and discusses practical considerations such as handling templates, scripts, styles, and hot‑module reloading, providing developers with insights to effectively integrate Vue compilation in browser environments.
This article introduces NutUI, JD's lightweight mobile component library now supporting JD mini-programs, compares H5 and mini-program development, and provides a step‑by‑step guide using Taro to quickly set up and run a NutUI‑based JD mini‑program project.
The article shares a developer's practical experience of transitioning from backend to frontend by learning Vue and React, exploring component libraries, tackling layout and styling challenges, and integrating the frontend build into a backend Maven project for a complete gateway console.
An open‑source BI platform built on SpringBoot and Vue offers a visually striking, drag‑and‑drop dashboard editor, supporting multiple data sources like MySQL, Elasticsearch, and Kudu, with 17 ready‑made components, enabling rapid screen design through simple steps of data source configuration, SQL dataset creation, and layout assembly.
This tutorial walks through building a front‑end publishing platform that initiates Jenkins builds, uses dynamic routing, and leverages Socket.io to stream real‑time build logs to the browser, covering both front‑end Vue components and back‑end Node integration.
Slidev is a developer‑focused presentation tool that lets you build sleek, Vue‑enhanced PPTs using familiar Markdown, covering installation, theme and layout customization, advanced features, and static deployment, with practical code examples and tips for creating professional slides.
This article explains why virtual lists are needed for long scrollable data, defines the concept, walks through a step‑by‑step implementation for fixed‑height items, extends the solution to handle variable heights, and shares practical tips and code snippets for Vue developers.
This tutorial walks through the front‑end portion of a publishing platform series, demonstrating how to build a Vue 3 and Element‑plus UI with TailwindCSS, implement server‑side pagination via Koa, integrate Axios with proxy and interceptors, and add complete CRUD operations—including create, edit, and delete dialogs—while showcasing the essential code snippets.
This comprehensive guide examines the key factors for selecting between React and Vue—including team suitability, compatibility, usage patterns, ecosystem, cross‑platform support, performance benchmarks, mental models, community size, and licensing—to help developers make an informed technology‑stack decision.
This guide shows how to integrate the pure‑JavaScript js‑audio‑recorder plugin into a Vue project, record, pause, play, and export PCM/WAV audio, then package the Blob into FormData and send it to a SpringBoot backend endpoint for storage, including key configuration details and common pitfalls.
This article provides an in‑depth tutorial on Pinia, covering its origins, differences from Vuex, installation, store definition, state, getters, actions, plugin creation, persistence strategies, and practical code examples for integrating Pinia into Vue applications.
This article explains how to recreate Vue 3's computed API using the composition API, covering getter/setter handling, effect integration, caching with a dirty flag, dependency tracking, and trigger mechanisms, and provides step‑by‑step code examples to build a functional ComputedRef implementation.
The article outlines how an enterprise back‑office monolith can be progressively migrated to a Qiankun‑based micro‑frontend architecture—allowing independent Vue, React, Angular or legacy apps, shared SDKs, route isolation, keep‑alive state, and sandboxed styling—resulting in over 90 % legacy integration, a unified React stack for new features, and significantly improved development efficiency and ROI.
This article explains the issue where a Qiankun micro‑frontend main app changes its route but the child app's route does not update, analyzes the underlying cause related to hashchange events, and provides two practical solutions: manually dispatching a hashchange event or replacing Link tags with anchor tags.
This article presents a comprehensive micro‑frontend solution for H5 e‑commerce sites, covering background analysis, problem identification, architectural design with BFF layer, code examples for registration, routing, and progressive migration, and concludes with the benefits of modular, SEO‑friendly front‑end development.
The article explains how Vue 2’s diff algorithm uses head‑to‑tail comparisons and a key‑to‑index map to patch, add, or remove nodes, while Vue 3 improves efficiency by building a key‑to‑new‑index map, computing the longest increasing subsequence, and moving only non‑LIS nodes, reducing DOM operations.
This tutorial walks through installing MinIO with Docker on Linux/macOS and Windows, configuring a Spring Boot backend with MinIO Java client, creating a reusable component for file upload, and implementing three Vue/Element‑UI front‑end upload methods, complete with code snippets and screenshots.
This article introduces the need for workflow engines, compares the three major Java‑based engines (Activiti, Flowable, Camunda), explains BPMN notation, and provides detailed guidance on using Flowable's Eclipse Designer, IDEA plugins, flowable‑ui, bpmn.js, and related Vue components to model, deploy, and manage business processes.
This article introduces a SpringBoot2 and Vue-based e‑commerce system featuring modules such as product management, orders, marketing, multi‑store, and WeChat integration, outlines its modular architecture, details the backend and frontend technology selections, and provides source code links for developers to explore and extend the project.
This article explains how to create a reusable Vue component called PageTable that encapsulates Element UI table and pagination with built-in loading handling, data fetching via a parent-provided fetchData method, and slot-based column customization.
NodeGui combines Qt5 and Node.js, enabling developers to create desktop applications using familiar web technologies such as CSS and JavaScript, and offers support for popular frameworks like React, Vue, and Svelte seamlessly.
This tutorial walks through downloading SVG icons from Alibaba's icon library, extracting the iconfont.js file, importing it globally, creating a reusable Vue component, registering it, and finally using the SVG icons within a Vue 3 backend system built with Express, MySQL, TypeScript, and Pinia.
This article demonstrates how to create a real-time device inspection monitoring system using WebSocket, with a Vue front-end that visualizes device status and a SpringBoot back-end that pushes updates, covering project setup, code examples, configuration, and testing steps.
This article explains how to use the form-create library to dynamically build, render, and validate JSON‑driven forms in Vue, covering the definition of form items, component rendering with conditional logic, and handling of data binding and validation rules.
