BestHub
Sign in
Tagged articles

Vue

708 articles · Page 5 of 8
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 optimizationFrontend PerformanceReAct
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.

Build ToolsCLIJavaScript
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.

HEVCPerformanceR&D Efficiency
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.

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

Full-StackMyBatisSpringBoot
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.

CollapseProvide/InjectVue
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.

Full-StackSpringBootStudent 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-StackMySQLSpring Boot
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.

Functional ProgrammingIndustry NewsReAct
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.

CommunityUI componentsVue
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.

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

API IntegrationAutomationComponent Recognition
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.

CI/CDCLI toolFrontend Architecture
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.

Framework ComparisonReActVirtual DOM
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.

ComponentizationVuelegacy migration
0 likes · 8 min read
Low‑Impact Migration of Legacy Velocity Templates to a Modern Frontend Architecture
ByteFE
ByteFE
Apr 1, 2022 · Frontend Development

Curated Technical Reading List: Frontend Highlights, Web3 Insights, and Development Resources

This newsletter curates a selection of recent technical articles and resources, covering front‑end development breakthroughs like Vue component extraction, React 18 features, Babel compilation, as well as Web 3.0 perspectives, Node.js design principles, email HTML/CSS techniques, and a collection of efficiency‑boosting tools for developers.

Node.jsReActVue
0 likes · 5 min read
Curated Technical Reading List: Frontend Highlights, Web3 Insights, and Development Resources
ByteFE
ByteFE
Mar 18, 2022 · Frontend Development

Curated Technical Articles and Resources for Frontend Development

This collection highlights recent technical articles and resources covering Vue 3.0, ESLint fundamentals, defensive CSS techniques, low‑code system design, React project setup, Nest.js with TypeORM, and an introduction to the LRU caching algorithm, offering practical insights for frontend developers.

CSSESLintLRU
0 likes · 4 min read
Curated Technical Articles and Resources for Frontend Development
Baidu Geek Talk
Baidu Geek Talk
Mar 2, 2022 · Backend Development

Evolution of Baidu Aifanfan Lead List: From Rapid Delivery to High-Performance Architecture

The Baidu Aifanfan lead list page evolved through six versions—from rapid MySQL‑based delivery to a metadata‑driven, ES‑backed architecture with Redis synchronization—culminating in a high‑availability, high‑performance system that slashed server latency from 25 seconds to under one second and cut frontend load times and static asset sizes dramatically.

APM monitoringDatabase MigrationFrontend Optimization
0 likes · 21 min read
Evolution of Baidu Aifanfan Lead List: From Rapid Delivery to High-Performance Architecture
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 1, 2022 · Frontend Development

Micro Frontend Architecture and Implementation with Qiankun: Principles, Practices, and Advanced Topics

This comprehensive guide explains micro‑frontend concepts, the core principles of independent development, deployment and runtime, compares various implementation options, and provides detailed step‑by‑step instructions for using Qiankun—including registration, lifecycle hooks, routing strategies, sandbox isolation, CSS scoping, resource sharing, inter‑app communication, memory management, and deployment workflows—targeted at modern frontend engineers.

Frontend ArchitectureMicro FrontendsModule Federation
0 likes · 56 min read
Micro Frontend Architecture and Implementation with Qiankun: Principles, Practices, and Advanced Topics
IT Services Circle
IT Services Circle
Mar 1, 2022 · Frontend Development

Understanding Server-Side Rendering (SSR) in Vue: Principles and Implementation

This article explains the principles and implementation of server‑side rendering (SSR) in Vue, comparing CSR and SSR, detailing how Vue’s vue‑server‑renderer creates a bundle renderer, executes code via Node’s vm, traverses the virtual DOM to generate HTML strings, and relates SSR rendering to the generate phase of front‑end compilation.

SSRServer-side RenderingVue
0 likes · 7 min read
Understanding Server-Side Rendering (SSR) in Vue: Principles and Implementation
Top Architect
Top Architect
Feb 28, 2022 · Backend Development

Integrating MinIO Object Storage with Spring Boot and Vue: Docker Setup, API, and Frontend Upload

This tutorial explains how to deploy MinIO with Docker on Linux/macOS and Windows, configure a Spring Boot backend with MinIO client libraries, create reusable Java components for signed policies and file uploads, and build a Vue/Element‑UI frontend that demonstrates three upload methods, all with complete code examples.

DockerMinIOObject Storage
0 likes · 12 min read
Integrating MinIO Object Storage with Spring Boot and Vue: Docker Setup, API, and Frontend Upload
ByteFE
ByteFE
Feb 25, 2022 · Frontend Development

Curated Recommendations: State of JS 2021, Cross‑Platform Tech, JIT, Vue Diff, Node.js, CSS, Three.js, Mermaid, Jest and More

This curated collection highlights the 2021 State of JS findings, cross‑platform technology insights, JIT compilation explanations, Vue diff algorithm visualizations, Node.js learning resources, and practical tutorials on CSS perspective, React + Three.js 3D effects, Mermaid diagrams in Markdown, and Jest testing, offering a comprehensive overview for modern front‑end developers.

JavaScriptNode.jsVue
0 likes · 4 min read
Curated Recommendations: State of JS 2021, Cross‑Platform Tech, JIT, Vue Diff, Node.js, CSS, Three.js, Mermaid, Jest and More
360 Tech Engineering
360 Tech Engineering
Feb 23, 2022 · Frontend Development

SSR Rendering Solution and Performance Optimization for the 360 Search Encyclopedia Mobile Project

This article details the motivation, technology selection, architecture design, and multi‑stage performance optimization of a server‑side rendering (SSR) solution built with Vue and Nuxt for the 360 Search Encyclopedia mobile project, covering challenges, experiments, deployment strategies, and final conclusions.

NuxtPerformance OptimizationSSR
0 likes · 19 min read
SSR Rendering Solution and Performance Optimization for the 360 Search Encyclopedia Mobile Project
The Dominant Programmer
The Dominant Programmer
Feb 10, 2022 · Frontend Development

Quick Start with Fabric.js: Building a Canvas App in Vue

This guide introduces Fabric.js—a library that adds an object model, SVG parsing, and interactivity to HTML5 Canvas—and walks through setting up a Vue project, installing the library, creating a canvas element, and drawing a red rectangle with concise code examples.

CanvasFabric.jsGraphics
0 likes · 4 min read
Quick Start with Fabric.js: Building a Canvas App in Vue
Laravel Tech Community
Laravel Tech Community
Feb 7, 2022 · Frontend Development

Layui‑Vue 0.3.7 Release Notes and Theme Customization Guide

This article details the Layui‑Vue 0.3.x release updates—including new components, bug fixes, and version upgrades—along with instructions for theme customization using LESS variables and examples of exception and result components for building error and success pages in frontend development.

Theme customizationUI componentsVue
0 likes · 4 min read
Layui‑Vue 0.3.7 Release Notes and Theme Customization Guide
IT Services Circle
IT Services Circle
Feb 6, 2022 · Frontend Development

2021 JavaScript Ecosystem Highlights: Major Releases and Updates

The article reviews the most significant JavaScript ecosystem events of 2021, covering front‑end tools like Snowpack, Vite, React, Vue, back‑end updates such as Node.js 16 and npm 7, new language features, and notable deprecations, providing concise summaries and code examples.

JavaScriptNode.jsReAct
0 likes · 19 min read
2021 JavaScript Ecosystem Highlights: Major Releases and Updates
Taobao Frontend Technology
Taobao Frontend Technology
Jan 24, 2022 · Frontend Development

What’s New in Vue, TypeScript, and Fastify? Latest Releases & Tools You Must Know

This roundup highlights Vue 3 becoming the default version, introduces TypeScript 4.6 Beta’s new features, showcases the fastify‑vite plugin for Vite SSR, presents the 1‑Line Layouts resource, reviews the Vite ecosystem article, discusses Node.js design flaws, and explains why uploading node_modules to remote repositories can be beneficial.

FastifyNode.jsVite
0 likes · 4 min read
What’s New in Vue, TypeScript, and Fastify? Latest Releases & Tools You Must Know
Java Backend Technology
Java Backend Technology
Jan 22, 2022 · Frontend Development

9 Stunning Open‑Source Admin Templates to Accelerate Your Backend UI Development

Discover nine high‑quality, open‑source admin dashboard templates—including vue‑element‑admin, D2Admin, Vue‑admin‑better, AdminLTE, Ant Design Pro, Tabler, ngx‑admin, Gentelella, and blur‑admin—each with brief descriptions, key features, and links to demos and repositories, helping developers quickly build attractive backend interfaces.

AngularDashboardReAct
0 likes · 5 min read
9 Stunning Open‑Source Admin Templates to Accelerate Your Backend UI Development
Tencent Cloud Developer
Tencent Cloud Developer
Jan 18, 2022 · Frontend Development

Writing Reusable Code: Principles and Practices for Front-End Development

Writing reusable front‑end code means identifying and extracting repeatable UI components, centralized API request/response handling, common business‑flow logic, shared state management, and utility functions into separate, modular files or libraries, which reduces duplication, eases maintenance, and improves scalability across similar scenarios.

HooksReActVue
0 likes · 7 min read
Writing Reusable Code: Principles and Practices for Front-End Development
DeWu Technology
DeWu Technology
Jan 17, 2022 · Frontend Development

Figma + GitLab CI: A Modern Icon Delivery Workflow

This article outlines a modern icon delivery workflow that moves from static image resources to a Figma‑driven process, using a custom Figma plugin and GitLab CI to fetch, optimize with SVGO, and automatically generate React/Vue SVG component libraries, publish npm packages, and deploy documentation.

FigmaGitLab CIReAct
0 likes · 9 min read
Figma + GitLab CI: A Modern Icon Delivery Workflow
Java Captain
Java Captain
Dec 26, 2021 · Frontend Development

Top Open-Source Vue Admin Templates and Their Resources

This article lists twelve popular open‑source Vue admin dashboard projects, providing each project's GitHub or Gitee repository link, documentation URL, live demo preview, and a screenshot, offering developers a quick reference for selecting a suitable admin UI framework.

UIVueadmin dashboard
0 likes · 7 min read
Top Open-Source Vue Admin Templates and Their Resources
Sohu Tech Products
Sohu Tech Products
Dec 22, 2021 · Frontend Development

General Architecture Plan for a Vue‑based Backend Management System

This article presents a comprehensive guide to building a generic backend management system with Vue, covering project initialization using Vite or Vue‑CLI, code standards, CSS architecture (ITCSS, BEM, ACSS), JWT authentication, dynamic menu and route generation, RBAC, caching, and component templating.

Frontend ArchitectureJWTRBAC
0 likes · 28 min read
General Architecture Plan for a Vue‑based Backend Management System
Java Architect Essentials
Java Architect Essentials
Dec 19, 2021 · Frontend Development

think-swagger-ui-vuele: A Custom Swagger UI Implementation for Think-Vuele

This article introduces think-swagger-ui-vuele, a custom Swagger UI built on think‑vuele that simplifies API documentation by parsing Swagger JSON, offers fast loading for large APIs, supports mock data, customizable request headers, and provides both npm and Maven integration with usage instructions and code examples.

API documentationSwaggerUI
0 likes · 6 min read
think-swagger-ui-vuele: A Custom Swagger UI Implementation for Think-Vuele
The Dominant Programmer
The Dominant Programmer
Dec 15, 2021 · Frontend Development

Interactive Polygon Drawing and Area Calculation with Vue and OpenLayers

This tutorial shows how to import the required OpenLayers modules into a Vue project, configure a map, add a Polygon draw interaction, handle the drawend event to compute and format the polygon's area using OpenLayers' getArea function, and provides a complete working example with code.

Area calculationDraw interactionJavaScript
0 likes · 7 min read
Interactive Polygon Drawing and Area Calculation with Vue and OpenLayers
The Dominant Programmer
The Dominant Programmer
Dec 15, 2021 · Frontend Development

How to Draw Lines on a Map with Vue and OpenLayers

This tutorial walks through importing OpenLayers modules into a Vue component, defining line coordinates, creating vector sources and layers, styling the line, and integrating the line layer with other map layers to render a green polyline on the map.

JavaScriptOpenLayersVue
0 likes · 7 min read
How to Draw Lines on a Map with Vue and OpenLayers
php Courses
php Courses
Dec 12, 2021 · Frontend Development

Understanding Vue 3 Composition API: Ref, Reactive, toRefs, Computed, Watch, Provide/Inject, and Lifecycle Hooks

This article explains Vue 3's Composition API, covering how to create reactive data with ref and reactive, use toRefs, define computed properties, apply readonly, watch and watchEffect, handle lifecycle hooks, pass props, and share state via provide and inject, all with practical code examples.

Composition APIJavaScriptRef
0 likes · 8 min read
Understanding Vue 3 Composition API: Ref, Reactive, toRefs, Computed, Watch, Provide/Inject, and Lifecycle Hooks
Java Captain
Java Captain
Dec 11, 2021 · Backend Development

Overview of the eladmin Open‑Source Spring Boot + Vue Admin System

The article introduces eladmin, an open‑source, front‑back separated admin platform built with Spring Boot, JPA, Spring Security, Redis and Vue, detailing its features, modular architecture, key functionalities, highlights, and providing a link to its GitHub repository.

RBACSpring BootVue
0 likes · 5 min read
Overview of the eladmin Open‑Source Spring Boot + Vue Admin System
Architecture Digest
Architecture Digest
Dec 4, 2021 · Backend Development

Introduction to eladmin: An Open‑Source Spring Boot + Vue Admin System

The article presents a detailed overview of the open‑source eladmin project, describing its Spring Boot‑based backend, Vue front‑end, modular architecture, RBAC permission model, code generation, and various built‑in features such as logging, monitoring, and cloud storage integration.

Modular ArchitectureRBACSpring Boot
0 likes · 7 min read
Introduction to eladmin: An Open‑Source Spring Boot + Vue Admin System
ELab Team
ELab Team
Dec 1, 2021 · Frontend Development

Build a Vue Click-to-VSCode Loader & Plugin: Step‑by‑Step Guide

Learn how to create a custom webpack loader and plugin that injects source‑code metadata into Vue components, enabling click‑to‑open functionality in VSCode, with detailed explanations of loader and plugin architecture, debugging techniques, server setup, and integration steps for a seamless development experience.

PluginVueloader
0 likes · 23 min read
Build a Vue Click-to-VSCode Loader & Plugin: Step‑by‑Step Guide
Java High-Performance Architecture
Java High-Performance Architecture
Nov 24, 2021 · Backend Development

Build a Full‑Featured Logistics Management System with Spring Boot and Jeecg‑boot

This guide walks you through setting up a comprehensive logistics and warehouse management system using Spring Boot and Jeecg‑boot, covering required environment versions, technology stack, database configuration, backend and frontend setup, and deployment steps with detailed screenshots and code snippets.

DatabaseJeecg-bootLogistics Management
0 likes · 7 min read
Build a Full‑Featured Logistics Management System with Spring Boot and Jeecg‑boot
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Nov 19, 2021 · Frontend Development

Introduction, Architecture, and Practical Usage of the qiankun Micro‑Frontend Framework

This article provides a comprehensive overview of the qiankun micro‑frontend framework—including its background, core concepts of micro‑frontends, comparison with other solutions, detailed configuration examples for host and child applications, implementation details such as sandbox mechanisms, common pitfalls, and the overall impact on development efficiency and project complexity.

Code SplittingFrontend ArchitectureSandbox
0 likes · 24 min read
Introduction, Architecture, and Practical Usage of the qiankun Micro‑Frontend Framework
Full-Stack Trendsetter
Full-Stack Trendsetter
Nov 15, 2021 · Frontend Development

Which Template Engine Powers Vue’s Mustache‑Style Syntax?

Vue adopts the Mustache template syntax, an elegant data‑to‑view solution, and the article reviews historical rendering methods, explains why Mustache is called “beard”, describes its token‑based compilation process, and compares it with other front‑end template engines.

Vuedata-bindingfrontend
0 likes · 2 min read
Which Template Engine Powers Vue’s Mustache‑Style Syntax?
macrozheng
macrozheng
Nov 10, 2021 · Backend Development

Boost Your API Docs: How to Install and Use Torna with Swagger

Learn how to set up the enterprise‑grade Torna API documentation platform, integrate it with Swagger, and run it on Windows, Linux, or Docker, covering project structure, installation steps, configuration, and advanced features like permission control, mock data, and interface testing.

DockerSpringBootSwagger
0 likes · 13 min read
Boost Your API Docs: How to Install and Use Torna with Swagger
58 Tech
58 Tech
Nov 9, 2021 · Frontend Development

Guide to Using @umajs/plugin-vue-ssr for Vue Server-Side Rendering with UMajs

This article introduces the @umajs/plugin-vue-ssr plugin, detailing its installation, configuration, key features, data fetching methods, CSS support, and integration with Vue, Vuex, and Koa to enable efficient server‑side rendering and client‑side rendering within the UMajs framework.

Node.jsPluginSSR
0 likes · 9 min read
Guide to Using @umajs/plugin-vue-ssr for Vue Server-Side Rendering with UMajs
The Dominant Programmer
The Dominant Programmer
Nov 8, 2021 · Frontend Development

How to Build a Multi‑Camera Selection and Multi‑Window Preview with SpringBoot, Vue, and Hikvision (Plugin Edition)

This guide walks through integrating Hikvision cameras into a SpringBoot‑Vue application, covering SDK download, backend‑frontend code generation, Vue table multi‑selection limited to four cameras, IE‑mode detection, plugin installation, camera login, real‑time playback, and clean shutdown.

Camera PreviewHikvisionPlugin
0 likes · 13 min read
How to Build a Multi‑Camera Selection and Multi‑Window Preview with SpringBoot, Vue, and Hikvision (Plugin Edition)
360 Quality & Efficiency
360 Quality & Efficiency
Nov 5, 2021 · Frontend Development

Custom Form Validation with Element UI in Vue

This article explains what form validation is, why custom validation rules are needed in Vue projects using Element UI, and provides step‑by‑step code examples for binding rules and models, defining custom validators, and handling rich‑text content validation.

Custom RulesElement UIForm Validation
0 likes · 4 min read
Custom Form Validation with Element UI in Vue
Python Programming Learning Circle
Python Programming Learning Circle
Oct 25, 2021 · Backend Development

Building a Flask‑Vue Word Cloud Application

This tutorial walks through creating a word‑cloud web application using Flask for the backend and Vue for the frontend, covering environment setup, project structure, installing dependencies, writing API endpoints, building UI components, and packaging the app for deployment.

FlaskPythonVue
0 likes · 9 min read
Building a Flask‑Vue Word Cloud Application
Full-Stack Trendsetter
Full-Stack Trendsetter
Oct 20, 2021 · Frontend Development

Why Vue Component data Must Be a Function, Not an Object

The article explains that while a Vue root instance can define its data as an object or a function, a component's data must be a function to avoid shared memory between instances, illustrating the issue with code examples and detailing Vue's option‑merge validation.

ComponentFunctionJavaScript
0 likes · 4 min read
Why Vue Component data Must Be a Function, Not an Object
Programmer DD
Programmer DD
Oct 12, 2021 · Backend Development

Build a Full‑Stack Chatroom with Spring Boot, Vue and WebSocket

This guide walks through setting up a full‑stack web chatroom demo built with Spring Boot, Vue, WebSocket, MySQL, Redis, RabbitMQ and FastDFS, covering the technology stack, core features, database schema, configuration files, and step‑by‑step deployment instructions.

FastDFSMySQLSpring Boot
0 likes · 31 min read
Build a Full‑Stack Chatroom with Spring Boot, Vue and WebSocket
Architecture Digest
Architecture Digest
Sep 18, 2021 · Frontend Development

Automating Vue2 to Vue3 Migration with GoGoCode

This article explains how the GoGoCode AST‑based tool can automatically transform large Vue2 codebases to Vue3 by applying a set of around thirty migration rules, covering async components, custom directives, router and Vuex changes, and provides installation, usage examples, and a comprehensive rule table.

ASTAutomationGoGoCode
0 likes · 10 min read
Automating Vue2 to Vue3 Migration with GoGoCode
Python Crawling & Data Mining
Python Crawling & Data Mining
Sep 16, 2021 · Frontend Development

Boost Your Captcha Labeling Speed with a Vue‑Spring Annotation Tool

This article walks through building a web‑based, high‑efficiency image captcha labeling system using a Vue admin template for the frontend and Spring Boot for the backend, detailing functional modules, technology stack, deployment steps, and demo results to streamline data annotation before AI model training.

Spring BootVuedata labeling
0 likes · 6 min read
Boost Your Captcha Labeling Speed with a Vue‑Spring Annotation Tool
Java High-Performance Architecture
Java High-Performance Architecture
Sep 14, 2021 · Frontend Development

Automate Vue2 to Vue3 Migration with GoGoCode: A Step‑by‑Step Guide

This article explains how to use the GoGoCode CLI tool to automatically convert Vue 2 projects to Vue 3 by following the official migration guide, installing the tool, running conversion commands, reviewing generated code, and handling common break‑change scenarios such as async components, custom directives, and API updates.

CLIGoGoCodeJavaScript
0 likes · 8 min read
Automate Vue2 to Vue3 Migration with GoGoCode: A Step‑by‑Step Guide
Zhongtong Tech
Zhongtong Tech
Sep 13, 2021 · Databases

How ZTO’s Ark Platform Automates Database Operations and Boosts Efficiency

This article introduces ZTO Technology’s Ark Platform, a database PaaS solution that automates deployment, backup, monitoring, data flashback, and slow‑SQL optimization, detailing its architecture, core features, and the operational benefits it brings to large‑scale logistics environments.

Database AutomationPaaSPython
0 likes · 9 min read
How ZTO’s Ark Platform Automates Database Operations and Boosts Efficiency
Architects Research Society
Architects Research Society
Sep 3, 2021 · Frontend Development

Comparing Angular, React, and Vue: Which Frontend Framework or Library Is Best for Your Project

This article compares the three most popular frontend technologies—Angular, React, and Vue—examining their nature as libraries or frameworks, lifecycle, core development, flexibility, performance, and provides guidance on choosing the right one for different project sizes and requirements.

AngularFramework ComparisonReAct
0 likes · 8 min read
Comparing Angular, React, and Vue: Which Frontend Framework or Library Is Best for Your Project
TAL Education Technology
TAL Education Technology
Sep 2, 2021 · Frontend Development

Understanding and Solving Memory Leaks in Vue Single‑Page Applications

This article explains what memory leaks are in JavaScript, how to detect them using Chrome's memory tools, enumerates common causes in Vue SPAs, and provides practical solutions and code examples—including event unbinding and keep‑alive refactoring—to effectively eliminate leaks and improve performance.

JavaScriptPerformanceSPA
0 likes · 7 min read
Understanding and Solving Memory Leaks in Vue Single‑Page Applications
Sohu Tech Products
Sohu Tech Products
Sep 1, 2021 · Frontend Development

Comprehensive Architecture Guide for a Generic Backend Management System Using Vue and Vite

This article presents a detailed architecture solution for building a generic backend management system with Vue, covering project scaffolding choices, Vite configuration, ESLint/Prettier setup, CSS architecture (ITCSS, BEM, ACSS), JWT authentication, dynamic menu design, RBAC, route registration, component caching, and template generation using Plop.

JWTRBACVite
0 likes · 32 min read
Comprehensive Architecture Guide for a Generic Backend Management System Using Vue and Vite
macrozheng
macrozheng
Sep 1, 2021 · Backend Development

How to Quickly Bootstrap a Full‑Stack Project with sa‑plus Code Generator

This guide introduces the sa‑plus framework—a SpringBoot‑based rapid‑development scaffold with an integrated code generator that can automatically produce backend, frontend, and API documentation code from database tables, and walks through its architecture, technology stack, module structure, quick start steps, and code‑generation features.

Full-StackMySQLSpringBoot
0 likes · 11 min read
How to Quickly Bootstrap a Full‑Stack Project with sa‑plus Code Generator
ByteDance Terminal Technology
ByteDance Terminal Technology
Aug 31, 2021 · Frontend Development

ByteDance Modern Web Development Survey Report (2021)

The 2021 ByteDance Modern Web Development survey of 612 developers reveals dominant use of ES6+, TypeScript, Vue and React, widespread adoption of CSS preprocessors, varied backend preferences, and preferred tooling such as Webpack, VSCode, and Prettier, highlighting current trends and gaps in the Chinese front‑end ecosystem.

CSSJavaScriptReAct
0 likes · 10 min read
ByteDance Modern Web Development Survey Report (2021)