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.
This article explores typical big-data use cases such as real-time bullet comments and massive server-side data lists, analyzes why rendering thousands of DOM elements can cause page lag, and presents front-end solutions—including dynamic element creation, document fragments, and virtual scrolling libraries—to improve performance.
This article explains how to create a Node‑based CLI utility that automatically scans Vue and JavaScript files in a large front‑end codebase, extracts i18n calls via AST parsing, validates translation keys, and outputs consolidated results to improve internationalization efficiency and accuracy.
This article examines low‑code development platforms and presents three remote component loading strategies—global‑object, AMD (require.js), and ESModule—detailing their packaging, CDN deployment, loading logic, advantages, drawbacks, and a final recommendation for ESModule‑based loading in modern front‑end development.
The Vivo Internet Front‑End team explains how to implement multi‑tab functionality and efficient caching in a qiankun‑based micro‑frontend architecture, comparing CSS hide/show and component‑level keep‑alive approaches, then presenting two strategies—simultaneous mounting versus app‑level vnode caching—choosing the latter for reduced memory usage and detailing its Vue‑specific implementation, communication handling, and future Vue 3 migration.
The article introduces Vite 3.0's refreshed documentation, new template themes, CLI visual improvements, changed default port, rewritten import.meta.glob API, smaller bundle size, ESBuild minification, bug fixes, Node 14.18+ compatibility, and a yearly release commitment, emphasizing the need for developers to stay current.
This roundup spotlights cutting‑edge front‑end developments, including Vue’s upcoming no‑virtual‑DOM mode inspired by Solid.js, a practical guide to hardware‑accelerated HEVC decoding in Chromium, user‑experience advice from industry leaders, latency‑reduction techniques for TikTok live streams, and insights on measuring R&D efficiency.
This article compiles 29 essential Vue interview questions covering Vue 3 design goals, performance optimizations, component structure, Vuex architecture, routing techniques, Composition vs Options API, and common pitfalls, providing a comprehensive study guide for frontend developers preparing for technical interviews.
This guide walks through setting up a front‑back separated student management system, detailing Vue‑based front‑end deployment, SpringBoot + MyBatis back‑end configuration, database initialization, core features for admin, teacher, and student roles, and provides code snippets and screenshots to illustrate the complete workflow.
This article explains the design principles, implementation details, and advanced features of NutUI’s Collapse panel component, covering basic interaction, height‑based animation, flexible title bar with icons, configuration upgrades, slot usage, CSS variable styling, and Vue 3 provide/inject communication, supplemented with code examples.
This article introduces a front‑back separated student management system built with Vue on the front end and SpringBoot + Mybatis on the back end, detailing its architecture, core features, deployment steps, database design, and source code download instructions.
This article introduces an open‑source, Java‑backed and Vue‑fronted online exam platform, detailing its student and admin features, mini‑program support, technology stack, deployment options, usage steps, architecture diagram, screenshots, and source code download links.
This guide explains how to create a music website using Vue 3 for the front‑end and Spring Boot with MyBatis for the back‑end, covering project features, technology stack, development environment, repository cloning, resource setup, configuration, and launch commands.
This article explains React's Diff algorithm and Fiber architecture, compares it with Vue2 and Vue3's double‑ended diff approaches, and discusses why Vue does not need Fiber or time‑slicing, providing code examples and visual illustrations of the underlying mechanisms.
This tutorial demonstrates step‑by‑step how to wrap popular H5 chart libraries like AntV/F2 and ECharts inside a Uni‑App component, enabling seamless chart rendering in WeChat mini‑programs using Vue syntax and handling canvas context compatibility.
This article introduces a Vue 3.0 functional popup layer library that can be invoked via functions (recommended) or templates, provides a documentation link, and details recent additions such as photo album, drawer, notify layers, new properties, callbacks, and visual examples.
This article introduces a music website built with Vue 3 on the client side and Spring Boot + MyBatis on the server side, detailing its features, technology stack, development environment, and step‑by‑step instructions for downloading, configuring, and running the full‑stack application.
This roundup covers the Vue 2.7 beta release, speculative futures for a Chromium‑only web, the architecture of a front‑end monitoring SDK, low‑code rendering standards, JavaScript sandbox evolution, GitHub Copilot’s general availability, WebAssembly trends, functional programming basics, Vue’s double‑ended diff algorithm, JSON.stringify pitfalls, and the latest focus areas of the React team.
Umi 4 is now available on npm and brings a host of new capabilities—including dual Vite/Webpack builds, faster default compilation with MFSU V3, Umi Max for enterprise back‑office, React Router 6, Vue support, automatic HTTPS, build progress UI, terminal logging, plugin APIs, dead‑code detection, and a lightweight UI—while outlining future roadmap items such as MFSU V4, Father 4, dumi 2, and bundless ESMi solutions.
This article surveys the most useful and mature Vue open‑source projects—including CMS platforms, static site generators, e‑commerce storefronts, visual editors, UI component libraries, and development tools—highlighting their key features, community support, documentation quality, and contribution guidelines to help developers choose suitable tools.
This guide walks through installing the mavon-editor package, globally registering it in a Vue project, creating a component with markdown binding, configuring props, customizing toolbars, handling image uploads, and using keyboard shortcuts to provide a full-featured online markdown editor.
This comprehensive tutorial walks readers through Docker fundamentals, compares virtual machines with containers, explains core Docker concepts, demonstrates installation on macOS, shows how to build and run a Docker image for a Vue project, and provides best‑practice tips for containerized deployments.
In this personal learning plan for 2022, the author outlines a deep dive into Rust and WebAssembly, explores Vite with server‑side rendering, experiments with Vue, React and Next.js, investigates Kubernetes for container orchestration, and examines GraphQL as a modern API alternative.
The ASLINE visual low‑code platform lets Shopee Supply Chain engineers turn Figma designs into editable Vue pages by automatically recognizing components, mapping them to internal libraries, generating API request code, and exporting semi‑finished code, achieving roughly 92% recognition accuracy and cutting development time by about 80%.
This article walks through the implementation of Vue's reactive system step by step, starting with simple effect functions, then introducing dependency collection with Set, Map, and WeakMap, and finally using Proxy to automate tracking and triggering of updates for both primitive and object values.
State management, the core of frontend development, involves defining state as data changes, handling asynchronous pre‑state logic, and linking post‑state updates to view rendering, with implementations ranging from framework APIs like React’s setState to reactive proxies in Vue and global stores such as Redux, MobX, and Vuex.
This article details how the iFanFan team transformed a monolithic Vue front‑end into a micro‑frontend system using a unified CLI tool, covering routing, packaging, independent development, version management, isolation, communication, CI/CD integration, multi‑product support, and performance optimizations.
