BestHub
Sign in
Tagged articles
679 articles
Page 4 of 7
Java Architect Essentials
Java Architect Essentials
Jun 8, 2023 · Backend Development

How to Build a MinIO Object Storage Service with Docker, Spring Boot, and Vue

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.

DockerMinioSpring Boot
0 likes · 12 min read
How to Build a MinIO Object Storage Service with Docker, Spring Boot, and Vue
Test Development Learning Exchange
Test Development Learning Exchange
Jun 6, 2023 · Backend Development

Building a Mock Service Tool with Django, MySQL, and Vue

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.

DjangoMock APITutorial
0 likes · 9 min read
Building a Mock Service Tool with Django, MySQL, and Vue
Open Source Linux
Open Source Linux
Jun 6, 2023 · Backend Development

Explore a Lightweight Redis GUI with Full CRUD for All Data Types

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.

CRUDDockerSpring Boot
0 likes · 4 min read
Explore a Lightweight Redis GUI with Full CRUD for All Data Types
The Dominant Programmer
The Dominant Programmer
May 31, 2023 · Backend Development

SpringBoot Essentials: AES Encryption, Netty TCP Client, Redis Integration, and More

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.

AESNettySpringBoot
0 likes · 5 min read
SpringBoot Essentials: AES Encryption, Netty TCP Client, Redis Integration, and More
MaGe Linux Operations
MaGe Linux Operations
May 30, 2023 · Databases

Explore a Lightweight Redis GUI: Features, Setup, and Future Plans

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.

Admin ToolDatabase ManagementGUI
0 likes · 4 min read
Explore a Lightweight Redis GUI: Features, Setup, and Future Plans
Architecture Digest
Architecture Digest
May 30, 2023 · Backend Development

Lightweight Redis Admin Tool – Overview, Architecture, Installation, and Future Plans

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.

Backend DevelopmentSpring BootVue
0 likes · 3 min read
Lightweight Redis Admin Tool – Overview, Architecture, Installation, and Future Plans
Java Architect Essentials
Java Architect Essentials
May 28, 2023 · Artificial Intelligence

Face-UI: Web-Based Facial Login System Using Spring Boot and Vue

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.

AuthenticationSpring BootTencent Cloud
0 likes · 4 min read
Face-UI: Web-Based Facial Login System Using Spring Boot and Vue
Full-Stack Trendsetter
Full-Stack Trendsetter
May 12, 2023 · Frontend Development

ChatGPT Compares React, Vue, and Angular: Pros, Cons, and Choosing the Right Framework

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.

AngularFront-end frameworksJavaScript
0 likes · 4 min read
ChatGPT Compares React, Vue, and Angular: Pros, Cons, and Choosing the Right Framework
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 8, 2023 · Frontend Development

Performance Optimization and Code Quality Improvement for a Large Vue3 + Vite PC Web Application

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.

Bundle SplittingGzipPerformance Optimization
0 likes · 12 min read
Performance Optimization and Code Quality Improvement for a Large Vue3 + Vite PC Web Application
Java Architect Essentials
Java Architect Essentials
May 4, 2023 · Operations

Easy-Jenkins: A One‑Click Deployment Tool for Vue Front‑Ends and Java JAR Back‑Ends

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.

DeploymentOperationsVue
0 likes · 7 min read
Easy-Jenkins: A One‑Click Deployment Tool for Vue Front‑Ends and Java JAR Back‑Ends
Sohu Tech Products
Sohu Tech Products
May 4, 2023 · Frontend Development

Six Essential VSCode Extensions for Vue 3 Development

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.

DevelopmentExtensionsVSCode
0 likes · 5 min read
Six Essential VSCode Extensions for Vue 3 Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 28, 2023 · Frontend Development

How to Customize Custom Scrollbars for Complex Vue Components

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.

Custom ScrollbarTypeScriptVue
0 likes · 7 min read
How to Customize Custom Scrollbars for Complex Vue Components
360 Quality & Efficiency
360 Quality & Efficiency
Apr 14, 2023 · Frontend Development

Implementing a Resizable, Drag‑Drop Gantt Chart Component with Vue 3

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.

Drag-and-DropGantt ChartJavaScript
0 likes · 16 min read
Implementing a Resizable, Drag‑Drop Gantt Chart Component with Vue 3
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Apr 13, 2023 · Frontend Development

Why TypeScript Is Essential for Modern Frontend Development – A Complete Guide

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.

GenericsJavaScript MigrationTypeScript
0 likes · 20 min read
Why TypeScript Is Essential for Modern Frontend Development – A Complete Guide
Sohu Tech Products
Sohu Tech Products
Apr 12, 2023 · Frontend Development

Vue vs React: Programming Styles, View Syntax, Components, Routing, State Management, Reactivity and Lifecycle Comparison

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.

ComponentReactReactivity
0 likes · 15 min read
Vue vs React: Programming Styles, View Syntax, Components, Routing, State Management, Reactivity and Lifecycle Comparison
php Courses
php Courses
Apr 12, 2023 · Frontend Development

2023 Popular Front-End UI Frameworks: Overview and Comparison

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.

JavaScriptReactUI framework
0 likes · 6 min read
2023 Popular Front-End UI Frameworks: Overview and Comparison
Qborfy AI
Qborfy AI
Apr 6, 2023 · Frontend Development

How to Build a Vue‑Powered Chrome Extension with Vite and Rollup

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.

Chrome ExtensionRollupVite
0 likes · 8 min read
How to Build a Vue‑Powered Chrome Extension with Vite and Rollup
DaTaobao Tech
DaTaobao Tech
Mar 27, 2023 · Frontend Development

Building a Vue + SpringBoot Management System: Setup, Architecture, and Deployment

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.

SpringBootTypeScriptVite
0 likes · 22 min read
Building a Vue + SpringBoot Management System: Setup, Architecture, and Deployment
php Courses
php Courses
Mar 21, 2023 · Frontend Development

Password Strength Validation Techniques with jQuery, Vue, and CSS3

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.

UIVuecss3
0 likes · 4 min read
Password Strength Validation Techniques with jQuery, Vue, and CSS3
php Courses
php Courses
Mar 10, 2023 · Frontend Development

Differences Between Vue 2 and Vue 3: Reactivity, Runtime, Compiler, and New Features

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.

Composition APIReactivityVue
0 likes · 6 min read
Differences Between Vue 2 and Vue 3: Reactivity, Runtime, Compiler, and New Features
政采云技术
政采云技术
Feb 28, 2023 · Frontend Development

Uni‑App Black Magic: Overriding Built‑in HTML and SVG Tags

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.

ComponentVuecustom-element
0 likes · 13 min read
Uni‑App Black Magic: Overriding Built‑in HTML and SVG Tags
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Feb 24, 2023 · Frontend Development

Front‑End Updates: New CSS Viewport Units, MutationObserver, Faster Builds, Vue3 Tips

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.

DevOpsJavaScriptProject Management
0 likes · 5 min read
Front‑End Updates: New CSS Viewport Units, MutationObserver, Faster Builds, Vue3 Tips
Laravel Tech Community
Laravel Tech Community
Feb 13, 2023 · Frontend Development

A Comprehensive Overview of Popular Vue.js Open‑Source Projects and Tools

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.

UI librariesVueWeb Development
0 likes · 11 min read
A Comprehensive Overview of Popular Vue.js Open‑Source Projects and Tools
JD Retail Technology
JD Retail Technology
Feb 13, 2023 · Frontend Development

What’s New in NutUI 4.0? A Deep Dive into Features, Performance Gains, and Migration Tips

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.

Component LibraryUI libraryVue
0 likes · 9 min read
What’s New in NutUI 4.0? A Deep Dive into Features, Performance Gains, and Migration Tips
The Dominant Programmer
The Dominant Programmer
Feb 9, 2023 · Cloud Native

Step-by-Step Docker‑Compose Guide to Deploy a SpringBoot‑Vue‑Redis‑MySQL Stack

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.

Docker ComposeNginxSpringBoot
0 likes · 12 min read
Step-by-Step Docker‑Compose Guide to Deploy a SpringBoot‑Vue‑Redis‑MySQL Stack
Huolala Tech
Huolala Tech
Jan 31, 2023 · Frontend Development

How to Turn Word Docs into Vue Components with mammoth.js

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.

ASTAutomationVue
0 likes · 8 min read
How to Turn Word Docs into Vue Components with mammoth.js
Sohu Tech Products
Sohu Tech Products
Jan 18, 2023 · Frontend Development

ProTable Component Documentation and Usage Guide

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.

ComponentElement PlusProTable
0 likes · 28 min read
ProTable Component Documentation and Usage Guide
Java Backend Technology
Java Backend Technology
Jan 11, 2023 · Frontend Development

Master uni-app: Build Cross‑Platform Apps with One Codebase

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.

FlexboxMobileVue
0 likes · 19 min read
Master uni-app: Build Cross‑Platform Apps with One Codebase
php Courses
php Courses
Jan 10, 2023 · Frontend Development

Vue 2022 Review and 2023 Roadmap, Plus PHP Live Class Announcement

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.

JavaScriptOnlineCoursePHP
0 likes · 8 min read
Vue 2022 Review and 2023 Roadmap, Plus PHP Live Class Announcement
macrozheng
macrozheng
Jan 7, 2023 · Backend Development

How to Set Up AJ-Report: A Spring Boot & Vue Visual Dashboard Tool

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.

AJ-ReportSpring BootVue
0 likes · 7 min read
How to Set Up AJ-Report: A Spring Boot & Vue Visual Dashboard Tool
Top Architect
Top Architect
Jan 1, 2023 · Backend Development

Real-Time Device Monitoring with SpringBoot WebSocket and Vue

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.

SpringBootVuereal-time monitoring
0 likes · 21 min read
Real-Time Device Monitoring with SpringBoot WebSocket and Vue
DeWu Technology
DeWu Technology
Dec 28, 2022 · Frontend Development

Frontend Performance Optimization for SCM Application

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.

SCMVuefrontend
0 likes · 11 min read
Frontend Performance Optimization for SCM Application
HomeTech
HomeTech
Dec 20, 2022 · Frontend Development

Design and Implementation of an Indoor Space Management System Using SVG and Vue

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.

SVGVuecollision detection
0 likes · 10 min read
Design and Implementation of an Indoor Space Management System Using SVG and Vue
HomeTech
HomeTech
Dec 13, 2022 · Frontend Development

Choosing uni-app over taro for Cross‑Platform Mini‑Program Development: Background, Technical Selection, and Case Study

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.

Mini ProgramReactTaro
0 likes · 9 min read
Choosing uni-app over taro for Cross‑Platform Mini‑Program Development: Background, Technical Selection, and Case Study
Huolala Tech
Huolala Tech
Dec 6, 2022 · Frontend Development

Automate Vue Event Tracking Extraction with JSDoc, Webpack & ESLint

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.

AutomationESLintJSDoc
0 likes · 13 min read
Automate Vue Event Tracking Extraction with JSDoc, Webpack & ESLint
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 29, 2022 · Frontend Development

Comprehensive Guide to Setting Up Nuxt 3 with SSR, Routing, Layouts, Components, Plugins, and More

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.

ComposablesNuxt3SSR
0 likes · 18 min read
Comprehensive Guide to Setting Up Nuxt 3 with SSR, Routing, Layouts, Components, Plugins, and More
Top Architect
Top Architect
Nov 28, 2022 · Frontend Development

Student Management System – Frontend and Backend Overview with Vue and SpringBoot

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.

RESTfulSpringBootStudent Management
0 likes · 6 min read
Student Management System – Frontend and Backend Overview with Vue and SpringBoot
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 25, 2022 · Frontend Development

Vue Compiler Overview and Sandbox Compilation Techniques

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.

JavaScriptVuecompiler
0 likes · 17 min read
Vue Compiler Overview and Sandbox Compilation Techniques
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 17, 2022 · Frontend Development

My Journey Learning Frontend: Vue, React, Component Libraries, and Full‑Stack Integration

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.

Build AutomationComponent LibrariesReact
0 likes · 15 min read
My Journey Learning Frontend: Vue, React, Component Libraries, and Full‑Stack Integration
Java High-Performance Architecture
Java High-Performance Architecture
Nov 14, 2022 · Frontend Development

Create Stunning Interactive Dashboards with SpringBoot & Vue – Open‑Source BI Platform

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.

BIDashboardDataVisualization
0 likes · 5 min read
Create Stunning Interactive Dashboards with SpringBoot & Vue – Open‑Source BI Platform
HelloTech
HelloTech
Nov 8, 2022 · Frontend Development

Mastering Virtual Lists in Vue: From Fixed Height to Dynamic Items

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.

Vuedynamic heightfrontend performance
0 likes · 11 min read
Mastering Virtual Lists in Vue: From Fixed Height to Dynamic Items
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 4, 2022 · Frontend Development

Full-Stack Frontend Implementation of a Publishing Platform: Pagination, CRUD, and Vue‑Element‑Plus Integration

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.

CRUDElement PlusKoa
0 likes · 16 min read
Full-Stack Frontend Implementation of a Publishing Platform: Pagination, CRUD, and Vue‑Element‑Plus Integration
Programmer DD
Programmer DD
Nov 2, 2022 · Frontend Development

React vs Vue: Which Frontend Framework Should You Choose?

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.

ReactTechnology SelectionVue
0 likes · 25 min read
React vs Vue: Which Frontend Framework Should You Choose?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 18, 2022 · Frontend Development

Implementing Vue 3 Computed API from Scratch

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.

Composition APIJavaScriptReactivity
0 likes · 10 min read
Implementing Vue 3 Computed API from Scratch
DeWu Technology
DeWu Technology
Oct 14, 2022 · Frontend Development

Micro‑Frontend Architecture with Qiankun: Practical Implementation and Migration Strategies

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.

Frontend ArchitectureReactUmi
0 likes · 15 min read
Micro‑Frontend Architecture with Qiankun: Practical Implementation and Migration Strategies
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 14, 2022 · Frontend Development

Why Sub‑Application Routes Do Not Update When the Main Application Switches Routes in Qiankun and How to Fix It

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.

HashChangeJavaScriptMicro‑frontend
0 likes · 12 min read
Why Sub‑Application Routes Do Not Update When the Main Application Switches Routes in Qiankun and How to Fix It
JD Retail Technology
JD Retail Technology
Oct 12, 2022 · Frontend Development

Micro‑Frontend Architecture for H5 E‑Commerce: Design, Implementation, and Progressive Upgrade

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.

BFFFrontend ArchitectureReact
0 likes · 20 min read
Micro‑Frontend Architecture for H5 E‑Commerce: Design, Implementation, and Progressive Upgrade
HelloTech
HelloTech
Oct 9, 2022 · Frontend Development

Understanding Vue2 and Vue3 Diff Algorithms: Core Principles and Process

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.

Diff AlgorithmJavaScriptVirtual DOM
0 likes · 22 min read
Understanding Vue2 and Vue3 Diff Algorithms: Core Principles and Process
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2022 · Backend Development

Understanding Flowable Workflow Engine: Concepts, Tools, and Implementation

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.

BPMNFlowableIDEA
0 likes · 22 min read
Understanding Flowable Workflow Engine: Concepts, Tools, and Implementation
Java High-Performance Architecture
Java High-Performance Architecture
Sep 11, 2022 · Backend Development

SpringBoot + Vue E‑Commerce Platform: Features and Tech Stack Overview

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.

MicroservicesSpringBootVue
0 likes · 5 min read
SpringBoot + Vue E‑Commerce Platform: Features and Tech Stack Overview
HomeTech
HomeTech
Sep 6, 2022 · Frontend Development

Building a Reusable Vue Table Component with Pagination and Loading

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.

ComponentElement UIVue
0 likes · 6 min read
Building a Reusable Vue Table Component with Pagination and Loading
php Courses
php Courses
Aug 31, 2022 · Frontend Development

Integrating Alibaba SVG Icons into a Vue 3 Project

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.

SVGTypeScriptVue
0 likes · 5 min read
Integrating Alibaba SVG Icons into a Vue 3 Project
360 Quality & Efficiency
360 Quality & Efficiency
Aug 26, 2022 · Frontend Development

Using form-create to Dynamically Generate Forms in Vue

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.

Dynamic FormsJSONVue
0 likes · 6 min read
Using form-create to Dynamically Generate Forms in Vue
360 Smart Cloud
360 Smart Cloud
Aug 24, 2022 · Frontend Development

Common Big Data Scenarios and Front-End Techniques for Rendering Large Data Sets

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.

DOM optimizationReactVue
0 likes · 9 min read
Common Big Data Scenarios and Front-End Techniques for Rendering Large Data Sets
政采云技术
政采云技术
Aug 2, 2022 · Frontend Development

A Brief Discussion on Remote Component Loading Solutions for Low‑Code Platforms

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.

AMDESMVue
0 likes · 18 min read
A Brief Discussion on Remote Component Loading Solutions for Low‑Code Platforms
vivo Internet Technology
vivo Internet Technology
Jul 27, 2022 · Frontend Development

Multi-Tab Caching Strategies for Micro‑Frontend Applications Using qiankun

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.

Vuecachingfrontend
0 likes · 17 min read
Multi-Tab Caching Strategies for Micro‑Frontend Applications Using qiankun
php Courses
php Courses
Jul 22, 2022 · Frontend Development

What's New in Vite 3.0: Template Updates, CLI Optimizations, and API Changes

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.

CLIJavaScriptVite
0 likes · 3 min read
What's New in Vite 3.0: Template Updates, CLI Optimizations, and API Changes
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Jul 16, 2022 · Frontend Development

Front‑End Highlights: Vue’s No‑Virtual‑DOM, HEVC Hardware Decode, UX Tips

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.

HEVCR&D efficiencyUser experience
0 likes · 3 min read
Front‑End Highlights: Vue’s No‑Virtual‑DOM, HEVC Hardware Decode, UX Tips
php Courses
php Courses
Jul 14, 2022 · Frontend Development

29 Classic Vue Interview Questions Summary

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.

JavaScriptVueVue3
0 likes · 4 min read
29 Classic Vue Interview Questions Summary
Java High-Performance Architecture
Java High-Performance Architecture
Jul 12, 2022 · Frontend Development

Build a Full-Stack Student Management System with Vue and SpringBoot

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.

MyBatisSpringBootStudent Management
0 likes · 5 min read
Build a Full-Stack Student Management System with Vue and SpringBoot
JD Retail Technology
JD Retail Technology
Jul 11, 2022 · Frontend Development

Design and Implementation of the NutUI Collapse Panel Component

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.

CollapseComponent DesignProvide/Inject
0 likes · 12 min read
Design and Implementation of the NutUI Collapse Panel Component
Java Captain
Java Captain
Jul 10, 2022 · Backend Development

Student Management System Project Overview and Deployment Guide

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.

DeploymentSpringBootStudent Management
0 likes · 6 min read
Student Management System Project Overview and Deployment Guide
Java Captain
Java Captain
Jul 5, 2022 · Frontend Development

Music Website Project – Full‑Stack Implementation with Vue 3 and Spring Boot

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.

Full-StackSpring BootTutorial
0 likes · 7 min read
Music Website Project – Full‑Stack Implementation with Vue 3 and Spring Boot
ByteFE
ByteFE
Jul 1, 2022 · Industry Insights

What’s New in Frontend, Cloud, and AI? Key Highlights from Vue, React, WebAssembly and More

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.

ReactVueWeb Development
0 likes · 7 min read
What’s New in Frontend, Cloud, and AI? Key Highlights from Vue, React, WebAssembly and More
Alipay Experience Technology
Alipay Experience Technology
Jun 21, 2022 · Frontend Development

What’s New in Umi 4? A Deep Dive into Its Latest Front‑End Features

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.

SSRUmiVite
0 likes · 12 min read
What’s New in Umi 4? A Deep Dive into Its Latest Front‑End Features
Architect's Guide
Architect's Guide
Jun 17, 2022 · Frontend Development

Top Vue Open‑Source Projects: CMS, Generators, UI Libraries, and More

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.

UI componentsVuecommunity
0 likes · 12 min read
Top Vue Open‑Source Projects: CMS, Generators, UI Libraries, and More
The Dominant Programmer
The Dominant Programmer
Jun 15, 2022 · Frontend Development

How to Enable Markdown Online Editing in Vue Using mavon-editor

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.

Vueeditorfrontend
0 likes · 9 min read
How to Enable Markdown Online Editing in Vue Using mavon-editor
Top Architect
Top Architect
Jun 9, 2022 · Cloud Native

Docker Beginner's Guide: From Installation to Deploying a Vue Application

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.

DevOpsDockerDockerfile
0 likes · 15 min read
Docker Beginner's Guide: From Installation to Deploying a Vue Application
21CTO
21CTO
May 28, 2022 · Frontend Development

2022 Tech Learning Roadmap: Rust, WASM, Vite SSR, Vue/React, Kubernetes, GraphQL

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.

GraphQLReactRust
0 likes · 5 min read
2022 Tech Learning Roadmap: Rust, WASM, Vite SSR, Vue/React, Kubernetes, GraphQL
Shopee Tech Team
Shopee Tech Team
May 19, 2022 · Frontend Development

ASLINE: A Visual Low‑Code Platform for Efficient Front‑End Development in Shopee Supply Chain WMS

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%.

AutomationComponent RecognitionVue
0 likes · 27 min read
ASLINE: A Visual Low‑Code Platform for Efficient Front‑End Development in Shopee Supply Chain WMS
IT Services Circle
IT Services Circle
May 5, 2022 · Frontend Development

Understanding State Management in Frontend Development

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.

MobXReduxState Management
0 likes · 13 min read
Understanding State Management in Frontend Development
Baidu Geek Talk
Baidu Geek Talk
Apr 29, 2022 · Frontend Development

Building a Scalable Micro‑Frontend Architecture with Tangram‑SDK

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.

CLI toolFrontend ArchitecturePerformance Optimization
0 likes · 12 min read
Building a Scalable Micro‑Frontend Architecture with Tangram‑SDK
Yiche Technology
Yiche Technology
Apr 19, 2022 · Frontend Development

Vue vs React: Technical Comparison and Project Selection Guide

This article compares Vue and React by examining their template syntax, virtual DOM implementations, update strategies, data binding mechanisms, and performance characteristics, offering practical guidance on choosing the appropriate framework for projects of varying size and browser compatibility requirements.

ReactVirtual DOMVue
0 likes · 10 min read
Vue vs React: Technical Comparison and Project Selection Guide
JD Retail Technology
JD Retail Technology
Apr 11, 2022 · Frontend Development

Low‑Impact Migration of Legacy Velocity Templates to a Modern Frontend Architecture

This article outlines a four‑step, low‑impact migration strategy that transforms legacy Java‑based Velocity template systems into a hybrid Velocity + MVC + MVVC architecture, introduces single‑file componentization, builds a local sandbox with hot‑module replacement, and ultimately achieves full frontend‑backend separation using Vue.

ComponentizationLegacy MigrationVue
0 likes · 8 min read
Low‑Impact Migration of Legacy Velocity Templates to a Modern Frontend Architecture