Tagged articles
173 articles
Page 1 of 2
Coder Trainee
Coder Trainee
Mar 12, 2026 · Backend Development

Building a County Cultural Heritage & Creative Marketplace with Spring Boot and Vue.js

This article outlines the design and implementation of a three‑day graduation demo system that digitizes county cultural heritage, offers searchable displays, a creative product marketplace, user authentication, and monitoring, using a Spring Boot back‑end, Vue.js front‑end, MySQL, Redis, Docker, and CI/CD pipelines.

Cultural HeritageDockerSpring Boot
0 likes · 5 min read
Building a County Cultural Heritage & Creative Marketplace with Spring Boot and Vue.js
Data Party THU
Data Party THU
Mar 11, 2026 · Artificial Intelligence

How to Build Your Own Open-Source AI Companion with AIRI

This article introduces the open-source AI companion AIRI—an open-source replica of the popular virtual streamer Neuro-sama—explains its features such as self-hosting, multi-model support, game integration, and provides step-by-step instructions for setting up the development environment, installing dependencies, and launching the web or desktop version.

AITauriTypeScript
0 likes · 8 min read
How to Build Your Own Open-Source AI Companion with AIRI
Java Web Project
Java Web Project
Nov 18, 2025 · Backend Development

Building a Real‑Time Device Monitoring Dashboard with WebSocket and Spring Boot

This tutorial walks through creating a fire‑equipment inspection system where the backend Spring Boot service pushes abnormal device alerts via WebSocket to a Vue‑based front‑end that visualizes device status on a map, covering project setup, WebSocket configuration, client‑side handling, and end‑to‑end testing.

JavaJavaScriptSpring Boot
0 likes · 10 min read
Building a Real‑Time Device Monitoring Dashboard with WebSocket and Spring Boot
macrozheng
macrozheng
Nov 6, 2025 · Backend Development

Explore Cordys CRM: An Open-Source AI‑Powered Customer Management Platform

Cordys CRM is an open‑source, AI‑enhanced customer relationship management platform built with Spring Boot, Vue.js, Docker, and integrated tools like DataEase, SQLBot, and MaxKB, offering flexible UI, secure private deployment, powerful data visualization, and intelligent agents, with step‑by‑step Docker installation and usage guides.

AICRMDocker
0 likes · 7 min read
Explore Cordys CRM: An Open-Source AI‑Powered Customer Management Platform
JavaScript
JavaScript
Sep 29, 2025 · Frontend Development

Boost Vue 3 Performance with v‑memo: When and How to Use It

This article explains Vue 3’s v‑memo directive, how it conditionally skips component updates by tracking dependency arrays, and demonstrates its use to dramatically reduce rendering costs in large v‑for lists compared to traditional v‑if/v‑show approaches.

DirectiveVue.jsfrontend performance
0 likes · 4 min read
Boost Vue 3 Performance with v‑memo: When and How to Use It
Java Tech Enthusiast
Java Tech Enthusiast
Jul 4, 2025 · Backend Development

Mastering Large File Uploads: Spring Boot Chunked Upload Guide

Learn how to efficiently handle large file uploads in web applications by implementing a robust chunked upload solution with Spring Boot, covering the need for chunking, core principles, detailed server and Vue.js client code, performance optimizations, enterprise-level features, and best-practice recommendations.

Backend DevelopmentSpring BootVue.js
0 likes · 12 min read
Mastering Large File Uploads: Spring Boot Chunked Upload Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 1, 2025 · Frontend Development

How We Rebuilt a Fault‑Tolerant Vue Permission System After Three Failed Attempts

After three successive permission‑system failures caused mismatched UI, fragmented checks, and tightly coupled logic, we rebuilt the Vue.js permission architecture using a unified API, a TypeScript‑typed hook, and an optional v‑permission directive, achieving maintainable, debuggable, and easily extensible access control across pages, buttons, and fields.

Frontend ArchitectureTypeScriptVue.js
0 likes · 7 min read
How We Rebuilt a Fault‑Tolerant Vue Permission System After Three Failed Attempts
Architect
Architect
May 22, 2025 · Backend Development

How to Build Real‑Time Device Monitoring with WebSocket and Spring Boot

This article demonstrates how to implement a real‑time device‑monitoring system using WebSocket, covering the problem scenario, front‑end Vue.js visualization, Spring Boot back‑end configuration, WebSocket server setup, and step‑by‑step testing to achieve instant status updates.

Backend DevelopmentJavaSpring Boot
0 likes · 11 min read
How to Build Real‑Time Device Monitoring with WebSocket and Spring Boot
JavaScript
JavaScript
May 12, 2025 · Frontend Development

Why Vue 3 Discourages Mixins and How Composition API Solves Their Problems

The article explains why Vue 3 no longer recommends the Mixins pattern, outlines its drawbacks such as naming conflicts and unclear data origins, and demonstrates how the Composition API provides a clearer, more maintainable alternative for reusable logic.

Composition APIJavaScriptMixins
0 likes · 5 min read
Why Vue 3 Discourages Mixins and How Composition API Solves Their Problems
21CTO
21CTO
Apr 4, 2025 · Frontend Development

What the Vue.js 2025 Report Says About the Framework’s Future

The Vue.js 2025 State Report highlights the framework’s growing maturity, adoption statistics versus React, upcoming Vapor mode delays, migration challenges, and future directions such as VoidZero, TypeScript usage, and the evolving JavaScript runtime landscape, offering developers a comprehensive view of Vue’s roadmap.

JavaScriptTypeScriptVapor Mode
0 likes · 6 min read
What the Vue.js 2025 Report Says About the Framework’s Future
Java Tech Enthusiast
Java Tech Enthusiast
Mar 12, 2025 · Artificial Intelligence

Open-Source Enterprise Knowledge Base and Intelligent Dialogue Platform Based on Spring Boot and DeepSeek

The open‑source DeepSeek‑Flow‑AI platform combines Spring Boot 3.4 back‑end APIs with a Vue 3 front‑end to deliver an enterprise‑grade knowledge base and intelligent multi‑turn dialogue system, supporting private deployment, role‑based access, analytics, CRM/ERP integration, and easy installation via Maven and Yarn.

AIDeepSeekKnowledge Base
0 likes · 5 min read
Open-Source Enterprise Knowledge Base and Intelligent Dialogue Platform Based on Spring Boot and DeepSeek
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 14, 2025 · Frontend Development

Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices

This comprehensive tutorial introduces Vue.js core APIs—including component creation, reactive data handling, lifecycle hooks, routing, and state management—illustrates their use through e‑commerce cart and social feed examples, and provides performance tips and common pitfalls for front‑end developers.

JavaScriptRouterState Management
0 likes · 25 min read
Vue API Beginner's Guide: Core Concepts, Practical Cases, and Best Practices
php Courses
php Courses
Feb 5, 2025 · Frontend Development

Integrating Vue.js with Laravel Using Vite: A Step‑by‑Step Guide

This tutorial walks you through setting up a Laravel project, installing Laravel Breeze, configuring Vite for Vue.js, creating a TaskList component, registering it in the Blade template, and running the development server to see a responsive Vue‑driven task manager.

LaravelPHPVite
0 likes · 6 min read
Integrating Vue.js with Laravel Using Vite: A Step‑by‑Step Guide
php Courses
php Courses
Feb 5, 2025 · Frontend Development

Practical Vue.js Course Overview and Project Outline

An intensive, hands‑on Vue.js course guides learners through four real‑world projects—including a calculator, habit‑tracking app, historical data query, and mobile number lookup—teaching core Vue concepts, component architecture, state management, and API integration to build functional front‑end applications.

Vue.jsWeb Developmentfrontend development
0 likes · 4 min read
Practical Vue.js Course Overview and Project Outline
php Courses
php Courses
Jan 23, 2025 · Frontend Development

Vue.js and Element UI Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering core concepts, component development, state management, routing, and detailed usage of Element UI widgets to build modern, responsive web applications for front‑end developers.

CourseElement UIUI components
0 likes · 3 min read
Vue.js and Element UI Course Overview
php Courses
php Courses
Nov 12, 2024 · Frontend Development

Vue.js 3.x Toolchain Course Overview

This course introduces Vue.js 3.x development tools such as Vue Devtools and Vue CLI, guiding learners through installation, project creation, component development, routing, state management with Vuex, and advanced techniques to build high‑quality web applications efficiently.

ToolchainVue CLIVue Devtools
0 likes · 3 min read
Vue.js 3.x Toolchain Course Overview
php Courses
php Courses
Nov 8, 2024 · Frontend Development

Vue.js and Element UI Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering fundamental concepts, component-based development, state management, routing, and detailed usage of Element UI widgets to build modern, responsive web applications.

Element UIUI componentsVue.js
0 likes · 3 min read
Vue.js and Element UI Course Overview
php Courses
php Courses
Nov 1, 2024 · Frontend Development

Vue.js and Element UI Course Overview

This Vue.js and Element UI course teaches fundamental concepts, component development, state management, routing, and extensive Element UI component usage, enabling learners to build responsive, interactive modern web applications and establish a solid foundation for a frontend development career.

Component LibraryElement UIResponsive Design
0 likes · 3 min read
Vue.js and Element UI Course Overview
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 28, 2024 · Frontend Development

Master Vue.js Animations: From CSS Transitions to Advanced Effects

This guide walks you through creating dynamic page effects in Vue using CSS transitions, CSS animations, Vue's built‑in transition components, and third‑party libraries like animate.css, while sharing best practices, code snippets, and performance tips for clean, maintainable front‑end development.

CSS TransitionVue.jsWeb Development
0 likes · 13 min read
Master Vue.js Animations: From CSS Transitions to Advanced Effects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 9, 2024 · Frontend Development

Vue.js and Element‑plus Code Style and Naming Conventions

This article presents comprehensive Vue.js and Element‑plus coding standards, covering enum naming, directory and file naming conventions, component file structure, attribute and directive usage, boolean, function, class, constant, and enum naming rules, emphasizing consistency to improve readability and maintainability.

Component ArchitectureJavaScriptVue.js
0 likes · 15 min read
Vue.js and Element‑plus Code Style and Naming Conventions
php Courses
php Courses
Sep 18, 2024 · Frontend Development

Vue.js and Element UI Frontend Development Course Overview

This course provides a comprehensive introduction to the Vue.js framework and the Element UI component library, covering fundamental concepts, component-based development, state management, routing, and detailed usage of Element UI widgets such as layouts, forms, and interactive controls, preparing learners for modern frontend development careers.

CourseElement UIUI components
0 likes · 3 min read
Vue.js and Element UI Frontend Development Course Overview
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 3, 2024 · Frontend Development

Understanding the Decorator Pattern and AOP in JavaScript

This article explains the decorator pattern and how Aspect‑Oriented Programming (AOP) can be used in JavaScript to dynamically extend object behavior, provides classic and Vue‑based code examples, discusses advantages and drawbacks, and outlines practical scenarios for applying decorators in front‑end development.

Code ExampleDecorator PatternJavaScript
0 likes · 11 min read
Understanding the Decorator Pattern and AOP in JavaScript
php Courses
php Courses
May 31, 2024 · Frontend Development

Integrating Vue.js with Vite in a Laravel Project: Step‑by‑Step Tutorial

This comprehensive tutorial walks you through installing prerequisites, creating a new Laravel project, optionally adding Laravel Breeze, configuring Vite, building a Vue component, updating the Blade view, compiling assets, and finally serving the application to see a live Vue component rendered within Laravel.

LaravelViteVue.js
0 likes · 6 min read
Integrating Vue.js with Vite in a Laravel Project: Step‑by‑Step Tutorial
Open Source Tech Hub
Open Source Tech Hub
May 8, 2024 · Databases

How Yearning Automates MySQL SQL Auditing and Rollback – A Complete Guide

Yearning is an open-source MySQL SQL audit platform built with Go and Vue.js that automates statement review, generates rollback scripts, provides audit logging, supports multi-channel notifications, and offers fine-grained permission control, with installation instructions and configuration details for rapid deployment.

Database SecurityGoSQL audit
0 likes · 5 min read
How Yearning Automates MySQL SQL Auditing and Rollback – A Complete Guide
Open Source Tech Hub
Open Source Tech Hub
Mar 6, 2024 · Frontend Development

How to Record and Play Back Screen Sharing with WebRTC and Vue

This tutorial shows how to capture, record, and replay a shared screen using WebRTC's getDisplayMedia and MediaRecorder APIs within a Vue 3 front‑end, providing a live demo link, screenshots, and complete source code for index.html and main.js.

MediaRecorderScreen SharingVideo Recording
0 likes · 4 min read
How to Record and Play Back Screen Sharing with WebRTC and Vue
Selected Java Interview Questions
Selected Java Interview Questions
Mar 1, 2024 · Backend Development

Integrating Spring Boot with Minio for Direct File Upload Using Presigned Credentials

This article explains how to integrate Spring Boot with Minio to enable direct client‑side file uploads by generating time‑limited presigned credentials on the backend, covering environment setup, Maven dependencies, configuration classes, REST endpoints, response fields, and complete front‑end examples including chunked and resumable uploads.

JavaMinioPresigned URL
0 likes · 17 min read
Integrating Spring Boot with Minio for Direct File Upload Using Presigned Credentials
Architecture Digest
Architecture Digest
Jan 30, 2024 · Backend Development

Implementing an Audit Functionality with SpringBoot, MySQL, and Vue.js

This article provides a step‑by‑step guide on designing and implementing an audit workflow in a SpringBoot application, covering database schema creation, multiple backend implementation strategies, RESTful controller code, Vue.js front‑end integration, and file upload handling with deduplication.

Backend DevelopmentREST APISpringBoot
0 likes · 20 min read
Implementing an Audit Functionality with SpringBoot, MySQL, and Vue.js
php Courses
php Courses
Dec 21, 2023 · Backend Development

Implementing a Data Search Feature with PHP and Vue

This article demonstrates how to build a simple data search feature by creating a PHP backend API using PDO for database queries and a Vue.js frontend that sends Ajax requests, processes the JSON response, and displays matching student records in a list.

Data SearchPDOPHP
0 likes · 6 min read
Implementing a Data Search Feature with PHP and Vue
Architect
Architect
Nov 20, 2023 · Backend Development

Real-Time Device Monitoring with WebSocket Using Vue and SpringBoot

This article demonstrates how to build a real‑time device monitoring system by using WebSocket for server‑client communication, Vue for the front‑end display, and SpringBoot for the back‑end service, covering code examples, configuration, and testing steps.

BackendVue.jsWebSocket
0 likes · 10 min read
Real-Time Device Monitoring with WebSocket Using Vue and SpringBoot
Top Architect
Top Architect
Nov 20, 2023 · Backend Development

Real‑Time Monitoring System Using WebSocket with SpringBoot and Vue

This article demonstrates how to build a real‑time equipment‑monitoring solution by using WebSocket for server‑to‑client push, with a SpringBoot backend that handles WebSocket connections and a Vue.js front‑end that visualizes device status and updates instantly when an abnormal event is reported.

SpringBootVue.jsWebSocket
0 likes · 11 min read
Real‑Time Monitoring System Using WebSocket with SpringBoot and Vue
php Courses
php Courses
Sep 25, 2023 · Backend Development

Implementing Data Merging with PHP Backend and Vue Frontend

This article demonstrates how to implement a data merging feature by creating MySQL tables, building a PHP API that retrieves and combines records from two tables, and developing a Vue.js front‑end that fetches and displays the merged data, complete with full code examples.

APIBackendPHP
0 likes · 5 min read
Implementing Data Merging with PHP Backend and Vue Frontend
php Courses
php Courses
Sep 18, 2023 · Frontend Development

9 Essential Vue.js Plugins for Frontend Development

This article introduces nine practical Vue.js plugins—including Vuetify, Vue Router, Vuex, Vue-i18n, Vue-lazyload, Vue-awesome-swiper, Vue-chartjs, Vue-meta, and Vue-awesome—detailing their features and providing code examples to help front‑end developers improve efficiency and code elegance.

PluginsState ManagementUI
0 likes · 10 min read
9 Essential Vue.js Plugins for Frontend Development
Architect
Architect
Sep 10, 2023 · Backend Development

Implementing Token Storage and Validation in a Distributed Microservices Architecture with Spring Cloud

This article demonstrates how to design and implement token generation, multi‑endpoint storage in Redis, custom login annotations, AOP verification, and corresponding Vue.js client handling for secure authentication across PC and mobile platforms within a Spring Cloud micro‑service system.

Aspect Oriented ProgrammingSpring CloudVue.js
0 likes · 13 min read
Implementing Token Storage and Validation in a Distributed Microservices Architecture with Spring Cloud
php Courses
php Courses
Sep 10, 2023 · Frontend Development

Implementing Dynamic Add/Remove Form Items with Vue.js

This article guides developers through building a Vue.js component that supports dynamically adding, removing, and submitting multiple form entries, complete with step-by-step explanations and full code examples for handling form data on the client side.

Dynamic FormsJavaScriptVue.js
0 likes · 5 min read
Implementing Dynamic Add/Remove Form Items with Vue.js
php Courses
php Courses
Aug 30, 2023 · Backend Development

Implementing a Mind Map Application with PHP (Laravel) and Vue.js

This article explains how to design, develop, and debug a web-based mind‑map tool by combining PHP/Laravel backend APIs with a Vue.js frontend component, covering requirements analysis, database schema, CRUD endpoints, and Vue component implementation with code examples.

CRUDLaravelPHP
0 likes · 6 min read
Implementing a Mind Map Application with PHP (Laravel) and Vue.js
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 21, 2023 · Frontend Development

Common Vue2 Code Smells and How to Refactor Them

This article examines typical Vue2 code‑smell patterns—such as chaotic project structures, confusing naming conventions, oversized components, complex expressions, repetitive markup, tangled conditional logic, hard‑coded values, overused mixins, missing component names, and lack of comments—and provides concrete refactoring strategies to improve maintainability and readability.

JavaScriptVue.jsbest practices
0 likes · 14 min read
Common Vue2 Code Smells and How to Refactor Them
php Courses
php Courses
Jun 15, 2023 · Frontend Development

Using Vue.js 3 Teleport to Build Modals, Notifications, and Dialogs

This article explains Vue.js 3's Teleport feature, covering its core concepts and providing step‑by‑step code examples for creating modals and notification components that render outside their original component hierarchy.

JavaScriptNotificationTeleport
0 likes · 6 min read
Using Vue.js 3 Teleport to Build Modals, Notifications, and Dialogs
Test Development Learning Exchange
Test Development Learning Exchange
Jun 14, 2023 · Backend Development

Building a Multi-Type Batch Fake Data Generation Tool with Flask and Vue.js

This tutorial explains how to create a web‑based tool that generates batch mock data of various types—including names, ages, genders, ID numbers, phone numbers, emails, and bank cards—by implementing a Flask backend API and a Vue.js frontend interface, complete with setup, code examples, and deployment steps.

Fake DataFlaskJavaScript
0 likes · 9 min read
Building a Multi-Type Batch Fake Data Generation Tool with Flask and Vue.js
php Courses
php Courses
Jun 7, 2023 · Frontend Development

Using Teleport in Vue.js 3: Concepts and Practical Examples

This article introduces Vue.js 3’s Teleport feature, explains its core concepts such as source, target and props, and provides complete code examples for creating modals and notification panels that are rendered outside the component hierarchy, highlighting the flexibility it brings to frontend development.

JavaScriptNotificationTeleport
0 likes · 9 min read
Using Teleport in Vue.js 3: Concepts and Practical Examples
Bilibili Tech
Bilibili Tech
Mar 31, 2023 · Frontend Development

Technical Architecture and Engineering Practices of Bilibili's PC Client

Bilibili’s newly rebuilt PC client, launched in May 2022, uses Electron with a Node.js/NestJS main process and a Vue 3/Vite renderer, incorporates custom UI libraries, employs fast hidden‑window startup, energy‑saving tray mode, secure encrypted packaging and incremental updates, and delivers a dual‑window playback experience that has attracted over three million daily active users, representing about 40 % of installations.

ElectronNode.jsPC client
0 likes · 15 min read
Technical Architecture and Engineering Practices of Bilibili's PC Client
Goodme Frontend Team
Goodme Frontend Team
Feb 20, 2023 · Frontend Development

Top 5 Must‑Read Frontend & AI Articles of the Week

This weekly digest curates five essential reads—including Vue.js 2023 roadmap insights, a deep dive into React Hooks, standout ChatGPT open‑source projects, practical front‑end quality measures, and a critical look at React's evolution—offering developers fresh perspectives and actionable knowledge.

AIReactVue.js
0 likes · 3 min read
Top 5 Must‑Read Frontend & AI Articles of the Week
21CTO
21CTO
Jan 10, 2023 · Frontend Development

Vue.js 2022 Review & 2023 Roadmap: What’s Next for the Frontend Framework?

Evan You’s 2023 blog post reviews Vue.js’s 2022 milestones—including the shift to Vue 3, ecosystem growth, and Vue 2 migration—while outlining 2023 plans such as smaller releases, Vapor Mode, and upcoming conferences, offering a comprehensive outlook for developers.

2022 review2023 roadmapFramework
0 likes · 7 min read
Vue.js 2022 Review & 2023 Roadmap: What’s Next for the Frontend Framework?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 11, 2022 · Frontend Development

Deep Dive into Vue Router 4 Navigation Guard Source Code

This article thoroughly explains the core mechanisms of Vue Router 4 navigation guards, covering global, per‑route, and component guards, their classification, execution flow, and the underlying source‑code implementations such as useCallbacks, guardToPromiseFn, and runGuardQueue.

JavaScriptNavigation GuardVue-router
0 likes · 13 min read
Deep Dive into Vue Router 4 Navigation Guard Source Code
FunTester
FunTester
Jul 15, 2022 · Industry Insights

From Manual Testing to Test Development: Building a Real‑World Test Data Tool

This article traces the evolution of the software testing profession, shares the author’s personal career path from functional testing to test development, and provides a step‑by‑step guide—including architecture, code samples, and deployment—for creating a Python‑based API test data service and a Vue.js web UI to showcase it.

API developmentPythonSoftware Testing
0 likes · 20 min read
From Manual Testing to Test Development: Building a Real‑World Test Data Tool
BaiPing Technology
BaiPing Technology
Jul 11, 2022 · Frontend Development

When Vue 3 Provide/Inject Fails: Key Insights and Fixes

This article explains how Vue 3's provide/inject mechanism works, demonstrates proper usage with strings, refs, and Symbols, analyzes why injected data may be unavailable across applications, and offers practical solutions such as using Symbol.for and application‑level provides.

InjectSymbolVue.js
0 likes · 11 min read
When Vue 3 Provide/Inject Fails: Key Insights and Fixes
Top Architect
Top Architect
Jul 11, 2022 · Information Security

Implementing CAS Single Sign‑On with a Custom Authentication Filter in Spring Boot

This article explains how to integrate the CAS (Central Authentication Service) single sign‑on solution into a Spring Boot backend by adding necessary dependencies, configuring a series of CAS filters, creating a custom MyAuthenticationFilter to handle AJAX requests, and demonstrating a Vue.js frontend that interacts with the authentication flow, complete with screenshots of the login, ticket validation, and logout processes.

AuthenticationCASSecurity
0 likes · 14 min read
Implementing CAS Single Sign‑On with a Custom Authentication Filter in Spring Boot
IT Architects Alliance
IT Architects Alliance
Jun 3, 2022 · Backend Development

Open‑Source Distributed File System Based on Spring Boot and Vue CLI – Features and Technical Overview

This article introduces an open‑source distributed file system built with Spring Boot and Vue CLI, detailing its MIT licensing, UI layout, file operations, multiple upload methods, online preview and editing capabilities, storage options, and the underlying backend and frontend technologies.

Distributed File SystemSpring BootVue.js
0 likes · 9 min read
Open‑Source Distributed File System Based on Spring Boot and Vue CLI – Features and Technical Overview
Java Architect Essentials
Java Architect Essentials
Apr 27, 2022 · Backend Development

Flash‑Waimai: Complete Spring Boot + Vue Food Delivery System Tutorial

This article introduces a full‑stack food‑delivery project built with Spring Boot, Vue.js, MySQL and MongoDB, detailing its architecture, module breakdown, technology choices, database setup, and step‑by‑step instructions for launching the backend API, admin portal, and mobile client, along with download links for data and images.

MongoDBSpring BootVue.js
0 likes · 5 min read
Flash‑Waimai: Complete Spring Boot + Vue Food Delivery System Tutorial
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 7, 2022 · Frontend Development

Understanding Vue.js Error Handling and Source Code Analysis

This article explains Vue's error handling mechanisms—including global errorHandler, component-level errorCaptured, and the underlying source code functions handleError, invokeWithErrorHandling, globalHandleError, and logError—through detailed code examples, execution flow diagrams, and practical interview scenarios.

Error HandlingJavaScriptVue.js
0 likes · 15 min read
Understanding Vue.js Error Handling and Source Code Analysis
ByteFE
ByteFE
Mar 28, 2022 · Mobile Development

uni-app: A Cross-Platform Development Framework for Multi-Platform Deployment

uni-app is a Vue.js-based cross-platform development framework enabling developers to write a single codebase for deployment across multiple platforms including iOS, Android, H5, and various mini-programs, with over 36K stars on GitHub, highlighting its growing adoption in the big front-end development trend.

Cross‑platform developmentFrameworkMobile Development
0 likes · 3 min read
uni-app: A Cross-Platform Development Framework for Multi-Platform Deployment
Programmer DD
Programmer DD
Mar 22, 2022 · Frontend Development

Deploy the Stunning Cross‑Platform YesPlayMusic Player in Minutes

This guide introduces YesPlayMusic—a high‑visual, multi‑platform NetEase Cloud Music client built with Vue.js—and provides step‑by‑step instructions for installing, configuring, and deploying it via Vercel, custom servers, or Docker, complete with code snippets and screenshots.

DockerVercelVue.js
0 likes · 6 min read
Deploy the Stunning Cross‑Platform YesPlayMusic Player in Minutes
IT Services Circle
IT Services Circle
Feb 11, 2022 · Frontend Development

Eight Vue.js UI Components to Use in 2019

This article introduces eight noteworthy Vue.js UI components—Sweet Modal, Vue Scrollama, Vue‑parallax, Vue‑typer, Vue‑slider, Vue.js Popover, Vue‑bar, and Vue Infinite Slide Bar—detailing their features, use cases, and GitHub links for developers looking to enhance their web applications.

JavaScriptUI componentsVue.js
0 likes · 7 min read
Eight Vue.js UI Components to Use in 2019
21CTO
21CTO
Jan 26, 2022 · Information Security

Is Vue.js a Security Risk? Analyzing Recent Alerts and Real Code

Recent Chinese security alerts claim hackers exploited Vue.js and SonarQube to launch XSS attacks and steal source code, but the Vue creator clarifies that the vulnerabilities stem from backend API authentication, not the framework itself, while still acknowledging potential XSS risks in Vue applications.

Backend APIVue.jsXSS
0 likes · 5 min read
Is Vue.js a Security Risk? Analyzing Recent Alerts and Real Code
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 26, 2022 · Information Security

No Vue Vulnerabilities: SonarQube Issue Is a Backend API Auth Flaw, Not a Front‑end Problem

Recent rumors claimed that foreign hacker groups were exploiting SonarQube and Vue.js to attack government and enterprise systems, but investigation shows the SonarQube flaw is a pure backend API authentication issue unrelated to Vue, and Vue itself has no known security vulnerabilities when standard front‑end safety practices are followed.

API authenticationSecuritySonarQube
0 likes · 6 min read
No Vue Vulnerabilities: SonarQube Issue Is a Backend API Auth Flaw, Not a Front‑end Problem
ByteFE
ByteFE
Jan 19, 2022 · Frontend Development

Spring Festival Mini‑Game Development with Vue.js: Mechanics, Bullet Chat, Sound, and Quiz System

This article walks through the creation of a Spring Festival themed mini‑game using Vue.js, covering game rules, global settings, menu generation, sound handling, bullet‑chat implementation, enemy (NianShou) behavior, firecracker control, bullet mechanics, a timed quiz system, and end‑game handling, all illustrated with code snippets.

Game DevelopmentJavaScriptQuiz
0 likes · 19 min read
Spring Festival Mini‑Game Development with Vue.js: Mechanics, Bullet Chat, Sound, and Quiz System
政采云技术
政采云技术
Nov 30, 2021 · Frontend Development

LRU Cache Implementation in Vue Keep-Alive Component

This article explains the LRU (Least Recently Used) caching mechanism used in Vue's keep-alive component, covering its implementation, performance benefits, and practical usage scenarios.

Component CachingKeep-AliveVue.js
0 likes · 13 min read
LRU Cache Implementation in Vue Keep-Alive Component
Full-Stack Trendsetter
Full-Stack Trendsetter
Nov 18, 2021 · Frontend Development

Four Methods to Define Global Functions in Vue.js

The article outlines four practical ways to create global functions in Vue—mounting on Vue.prototype, using Vue.use with a plugin, applying a global mixin, and leveraging the $root event bus—while noting each method's advantages and limitations.

$rootMixinVue.js
0 likes · 3 min read
Four Methods to Define Global Functions in Vue.js
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 23, 2021 · Frontend Development

Understanding Virtual DOM and Diff Algorithm in Vue.js (Vue2 and Vue3)

This article explains the concept of virtual DOM, its structure, and how Vue's diff (patch) algorithm works, including detailed code walkthroughs, optimization strategies, key usage, and differences between Vue2 and Vue3 implementations, helping readers fully grasp the underlying principles and performance improvements.

Diff AlgorithmKEYVirtual DOM
0 likes · 28 min read
Understanding Virtual DOM and Diff Algorithm in Vue.js (Vue2 and Vue3)
Tencent Cloud Developer
Tencent Cloud Developer
Sep 17, 2021 · Frontend Development

Ten Vue.js Performance Optimization Techniques

This guide outlines ten Vue.js performance optimization techniques—including using stable keys in v‑for, freezing immutable data, defining component data as a function, lazy‑loading components, separating non‑reactive data, employing event delegation, leveraging functional components, and using provide/inject—to boost rendering speed, cut memory usage, and simplify maintenance.

JavaScriptVue.jslazy loading
0 likes · 13 min read
Ten Vue.js Performance Optimization Techniques
Tencent Cloud Developer
Tencent Cloud Developer
Sep 15, 2021 · Frontend Development

Deep Dive into Vue.js Virtual DOM Diff Algorithm and Source Code Analysis

The article thoroughly explains Vue.js’s virtual‑DOM diff algorithm, detailing its depth‑first traversal, same‑level node comparison, the sameVnode key/selector check, index map creation, O(n) head‑tail and index‑based matching loops, Vue 3 static‑type optimizations, and a practical implementation for array change detection.

Algorithm OptimizationDiff AlgorithmVirtual DOM
0 likes · 6 min read
Deep Dive into Vue.js Virtual DOM Diff Algorithm and Source Code Analysis
政采云技术
政采云技术
Sep 7, 2021 · Backend Development

How to Build a Global Code Search System from Scratch

This article introduces how to build a global code search system called 'Qianxun' from scratch, covering its background, architecture, core technologies, and future prospects.

ElasticsearchFull-Stack DevelopmentGitLab
0 likes · 15 min read
How to Build a Global Code Search System from Scratch
Java Architect Essentials
Java Architect Essentials
Aug 31, 2021 · Backend Development

Open‑Source Architecture Tools: mpvue, Walle, SQLAdvisor, Leaf, and Robust

This article introduces several open‑source tools for software architecture—including the Vue‑based mini‑program framework mpvue, the Android channel‑packaging tool Walle, the MySQL index advisor SQLAdvisor, the distributed ID service Leaf, and the hot‑update system Robust—detailing their features, configurations, and GitHub links.

AndroidLeafRobust
0 likes · 7 min read
Open‑Source Architecture Tools: mpvue, Walle, SQLAdvisor, Leaf, and Robust
DeWu Technology
DeWu Technology
Aug 6, 2021 · Frontend Development

Frontend Project Sentry Error Monitoring Practice

This guide walks through adding Sentry to a frontend project—explaining core concepts, Docker deployment, environment‑specific integration, webpack source‑map uploading, alert rule configuration, ownership assignment, webhook/GitLab extensions, and common pitfalls such as URL prefix handling and HTTPS DSN setup.

DevOpsMonitoring ToolsSentry
0 likes · 14 min read
Frontend Project Sentry Error Monitoring Practice
Taobao Frontend Technology
Taobao Frontend Technology
Jul 26, 2021 · Frontend Development

What’s New in AppWorks 1.3.0 and Top Open‑Source Tools for Frontend Developers

This newsletter announces the AppWorks 1.3.0 release with new VS Code assistance and Toolkit features, showcases several open‑source projects such as Bulletproof React, Astro, tRPC, Prestige, fnm and TAURI, and highlights in‑depth articles on Vue async setup, MMKV performance, and how browsers render a web page.

Performance OptimizationVue.jsbrowser internals
0 likes · 5 min read
What’s New in AppWorks 1.3.0 and Top Open‑Source Tools for Frontend Developers
Top Architect
Top Architect
Jul 16, 2021 · Backend Development

Flash-Waimai: A Complete Spring Boot + Vue Food Delivery System Tutorial

This article introduces the Flash-Waimai project—a full‑stack food delivery system built with Spring Boot, Vue.js, MySQL and MongoDB—detailing its architecture, module breakdown, database setup, quick‑start commands, and step‑by‑step instructions for launching the backend, admin portal, and mobile client.

MongoDBSpring BootVue.js
0 likes · 5 min read
Flash-Waimai: A Complete Spring Boot + Vue Food Delivery System Tutorial
Taobao Frontend Technology
Taobao Frontend Technology
Jun 28, 2021 · Frontend Development

How to Build High‑Performance Flutter Apps with Vue.js: A Cross‑Platform Blueprint

This talk explains how Vue.js can be leveraged to create high‑performance Flutter applications by bridging front‑end ecosystems with W3C‑based rendering, addressing the challenges of Dart‑centric development and showcasing the Kraken engine's role in achieving consistent multi‑device experiences.

FlutterMobile DevelopmentVue.js
0 likes · 4 min read
How to Build High‑Performance Flutter Apps with Vue.js: A Cross‑Platform Blueprint