BestHub
Sign in
Tagged articles
679 articles
Page 1 of 7
Frontend AI Walk
Frontend AI Walk
May 15, 2026 · Artificial Intelligence

Efficient AI Coding with Claude Code: Essential ECC Tools and Minimal Install

This guide walks developers through selecting, installing, and using the six core ECC components—Rules, search‑first, Reviewer Agent, Quality‑Gate, Documentation‑Lookup, and minimal Hooks—to create a streamlined, conflict‑free AI‑assisted coding workflow for Claude Code, emphasizing a consult‑first, minimal‑install approach.

AI programmingAutomationClaude Code
0 likes · 14 min read
Efficient AI Coding with Claude Code: Essential ECC Tools and Minimal Install
Coder Trainee
Coder Trainee
Apr 18, 2026 · Backend Development

Building a Tech Blog from Scratch: Implementing a Comment System and Full‑Text Search

This article walks through the design and implementation of a nested comment system with likes, @‑mentions, and sensitive‑word filtering, plus full‑text search using Elasticsearch, covering database schema changes, backend services, Vue components, and recommendation logic for a technical blog platform.

Comment SystemElasticsearchFull‑Text Search
0 likes · 23 min read
Building a Tech Blog from Scratch: Implementing a Comment System and Full‑Text Search
SpringMeng
SpringMeng
Apr 17, 2026 · Backend Development

Smart Agriculture System: Remote Mini‑Program Control and Real‑Time Dashboard

Programmer Xiao Meng details the design and implementation of a smart agriculture platform that uses a WeChat mini‑program for remote hardware control, a web‑based dashboard for real‑time monitoring, and a full stack of Spring Boot, Vue, UniApp, MQTT and TDengine technologies.

MQTTSmart AgricultureSpring Boot
0 likes · 11 min read
Smart Agriculture System: Remote Mini‑Program Control and Real‑Time Dashboard
SpringMeng
SpringMeng
Apr 4, 2026 · Artificial Intelligence

How to Build a Tencent IMA‑Style AI Knowledge Base for Under $3,000

This article details a cost‑effective AI knowledge‑base project that replicates Tencent IMA functionality using Dify’s open‑source platform, Chinese LLMs (Qwen, DeepSeek, GLM), a Java Spring Boot backend, Vue frontend, multi‑agent orchestration, hybrid on‑premise/cloud deployment, and provides concrete cost and performance estimates.

AI knowledge baseDifyDocker
0 likes · 12 min read
How to Build a Tencent IMA‑Style AI Knowledge Base for Under $3,000
Code Wrench
Code Wrench
Mar 17, 2026 · Backend Development

How to Elegantly Extend 1Panel: Three Proven Paths for Custom Development

This guide explains three practical approaches to extend the open‑source 1Panel platform—using the app store for custom apps, adding backend modules with Go, or modifying the Vue front‑end—while emphasizing non‑intrusive development to avoid upgrade conflicts.

1PanelBackendDocker
0 likes · 8 min read
How to Elegantly Extend 1Panel: Three Proven Paths for Custom Development
SpringMeng
SpringMeng
Mar 3, 2026 · Operations

A Lightweight Nginx Log Analyzer Worth Trying

NginxPulse is a lightweight, Docker‑friendly Nginx log analysis panel that offers real‑time PV/UV, IP lookup, multi‑site support, custom log formats, remote log pulling, and access control, with simple deployment via Docker, Docker‑Compose, or a single binary.

DockerGoNGINX
0 likes · 7 min read
A Lightweight Nginx Log Analyzer Worth Trying
Node.js Tech Stack
Node.js Tech Stack
Mar 2, 2026 · Frontend Development

Rust‑Based Vize Claims 27× Faster Compilation and 3,666× Faster Formatting for Vue

The article examines Vize, a Rust‑written, non‑official Vue toolchain that merges compilation, linting, formatting, and type‑checking into a single binary, delivers dramatic speed gains, adds Vite plugin, Vapor Mode, AI‑ready MCP support, and discusses its early‑alpha status within the broader Rust‑ification of frontend tooling.

Frontend toolingRustVite plugin
0 likes · 9 min read
Rust‑Based Vize Claims 27× Faster Compilation and 3,666× Faster Formatting for Vue
vivo Internet Technology
vivo Internet Technology
Feb 25, 2026 · Frontend Development

How We Built a Multi‑Region H5 Platform with One Codebase and 90% Cost Savings

This article details the design and implementation of a multi‑region H5 platform that uses a single codebase and unified architecture, covering platform UI internationalisation, unified login, three‑layer region storage, environment‑aware configuration, ZooKeeper service discovery, region‑specific DLL builds, and npm private‑registry strategies to achieve seamless deployment across multiple data centres while cutting development effort by up to ninety percent.

DeploymentVuefrontend
0 likes · 21 min read
How We Built a Multi‑Region H5 Platform with One Codebase and 90% Cost Savings
Top Architect
Top Architect
Feb 22, 2026 · Operations

Deploy NginxPulse for Real‑Time Nginx Log Analytics in Minutes

This guide introduces NginxPulse, a lightweight Nginx log analysis panel, explains its key features, shows how to run it with Docker or Docker‑Compose, configure multiple sites, customize log formats, pull remote logs, and troubleshoot common issues, all with concrete commands and examples.

NGINXVuelog analysis
0 likes · 8 min read
Deploy NginxPulse for Real‑Time Nginx Log Analytics in Minutes
SpringMeng
SpringMeng
Feb 10, 2026 · Backend Development

Build a Fully Open‑Source Bilibili Clone with SpringBoot and Vue

It describes a fully open‑source Bilibili‑style video platform built with SpringBoot backend and Vue frontend, detailing system demo screenshots, functional requirements (video playback, upload, user, interaction, community), tech stack choices, video processing pipeline, deployment steps, and code acquisition instructions.

Bilibili cloneElasticsearchMicroservices
0 likes · 11 min read
Build a Fully Open‑Source Bilibili Clone with SpringBoot and Vue
Frontend AI Walk
Frontend AI Walk
Feb 9, 2026 · Frontend Development

Advanced AI Coding: Configuring soul.md and memory.md for a Smarter Assistant

The article explains how to create personal AI profile files (soul.md) and project memory logs (memory.md) to eliminate repetitive introductions, improve code suggestions, and speed up debugging for Vue + Vite developers, with concrete before‑after examples, step‑by‑step configuration for Claude Desktop and OpenCode, and measurable productivity gains.

AI AssistantPrompt engineeringVite
0 likes · 21 min read
Advanced AI Coding: Configuring soul.md and memory.md for a Smarter Assistant
Woodpecker Software Testing
Woodpecker Software Testing
Feb 8, 2026 · Frontend Development

How to Stop ‘Naked’ Deployments: An AI-Powered Survival Guide for Front-End Automated Testing

The article examines why front‑end testing was once ignored, outlines how AI can automate test creation, proposes a practical three‑layer testing stack (Vitest, Playwright, Chromatic), provides prompt templates and code examples, and offers review guidelines and business arguments for adopting AI‑driven testing.

AIAutomated TestingPlaywright
0 likes · 7 min read
How to Stop ‘Naked’ Deployments: An AI-Powered Survival Guide for Front-End Automated Testing
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 5, 2026 · Frontend Development

Why Frontend Recording & Replay Matters: Master rrweb for Debugging and Analysis

This article explains why front‑end recording and replay are essential for diagnosing invisible bugs, introduces the open‑source rrweb tool and its core modules, compares it with video and screenshot methods, and provides step‑by‑step guidance for installing, configuring, recording, replaying, and optimizing rrweb in Vue 3 applications.

DebuggingVuefrontend
0 likes · 36 min read
Why Frontend Recording & Replay Matters: Master rrweb for Debugging and Analysis
Sohu Tech Products
Sohu Tech Products
Feb 4, 2026 · Frontend Development

How to Seamlessly Integrate Legacy Backends with Vue and Qiankun Micro‑Frontend

This article presents a comprehensive case study on unifying multiple legacy backend systems by building a modern Vue‑based front‑end, combining native iframe integration with the qiankun micro‑frontend framework to achieve a single entry point, smooth migration, reduced costs, and an evolvable architecture for enterprise applications.

Frontend ArchitectureIframe IntegrationPerformance Monitoring
0 likes · 18 min read
How to Seamlessly Integrate Legacy Backends with Vue and Qiankun Micro‑Frontend
Node.js Tech Stack
Node.js Tech Stack
Feb 3, 2026 · Frontend Development

Vue Core Member Anthony Fu Launches 'Skills' Repo, Near 3K Stars, Ushering AI‑Assisted Coding Era

Anthony Fu, a Vue core team member, released the antfu/skills GitHub repository—a curated collection of AI agent skills split into opinionated personal presets and up‑to‑date official documentation, enabling shared, on‑demand prompts for Vue, Nuxt, Vite, and related tools.

AI-assisted codingFrontend toolingGit submodules
0 likes · 5 min read
Vue Core Member Anthony Fu Launches 'Skills' Repo, Near 3K Stars, Ushering AI‑Assisted Coding Era
IT Services Circle
IT Services Circle
Jan 28, 2026 · Frontend Development

How AI ‘Skills’ Are Shaping React and Vue Best‑Practice Coding

The article explains how the emerging concept of “Skills” provides AI agents with structured, framework‑specific best‑practice knowledge for React and Vue, turning AI from a simple code generator into a virtual colleague that writes code according to official guidelines and real‑world experience.

AI agentsAI code generationReact
0 likes · 6 min read
How AI ‘Skills’ Are Shaping React and Vue Best‑Practice Coding
AI Insight Log
AI Insight Log
Jan 28, 2026 · Frontend Development

Vue Gets Its Own AI Skills – Using a Large‑Model Elimination Contest to Vet Rules

The community‑driven vue‑skills project applies a multi‑model verification process—baseline, skill, and killing‑zone tests using models like Claude 3.5 Sonnet and Claude 3 Haiku—to filter Vue‑specific rules, keeping only high‑entropy, capability‑or‑efficiency insights and syncing them via Skills Hub.

AIMulti-Model VerificationPrompt engineering
0 likes · 6 min read
Vue Gets Its Own AI Skills – Using a Large‑Model Elimination Contest to Vet Rules
Node.js Tech Stack
Node.js Tech Stack
Jan 27, 2026 · Frontend Development

Vue Gets AI Skills: Evan You Endorses a Tool to Cure Hallucinated Code

The article introduces vue-skills, an open‑source AI Agent Skill set for Vue endorsed by its creator Evan You, explains why Vue needs such skills to fix AI hallucinations caused by outdated syntax and type inference, describes the scientific validation process, categorizes the skills, and shows how to install and use them via Skills Hub.

AIAgent SkillsTypeScript
0 likes · 5 min read
Vue Gets AI Skills: Evan You Endorses a Tool to Cure Hallucinated Code
java1234
java1234
Jan 24, 2026 · Operations

A Lightweight Nginx Log Analyzer That Actually Works

NginxPulse is a lightweight, Docker‑ready Nginx log analysis panel built with Go‑Gin backend and Vue3 frontend, offering real‑time PV/UV, IP geolocation, multi‑site support, custom log formats, remote log fetching, and easy deployment via a single command or Compose file.

DockerGoNGINX
0 likes · 7 min read
A Lightweight Nginx Log Analyzer That Actually Works
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Jan 14, 2026 · Mobile Development

Using Vue to Build Flutter Apps: A New Cross‑Platform Approach

The article examines how the Vue ecosystem, which lacks a true native cross‑platform solution, can leverage the open‑source WebF runtime to run standard web projects—including Vue, React, and Svelte—directly inside Flutter on iOS, Android, and desktop, offering near‑native performance without rewriting code.

FlutterVueWeb Runtime
0 likes · 6 min read
Using Vue to Build Flutter Apps: A New Cross‑Platform Approach
SpringMeng
SpringMeng
Jan 14, 2026 · Interview Experience

How a Top Tech Candidate Secured an Immediate Offer: My Recent Interview Experience

After interviewing 150 candidates in two months, I finally met a developer whose resume perfectly matched our stack, demonstrated deep Java, SpringAI, and AI‑coding tool expertise, answered extensive technical questions ranging from SQL optimization to micro‑services, and received an immediate offer with a competitive salary package.

AIMicroservicesUniapp
0 likes · 8 min read
How a Top Tech Candidate Secured an Immediate Offer: My Recent Interview Experience
Frontend AI Walk
Frontend AI Walk
Jan 9, 2026 · Frontend Development

From Pitfalls to Skill: Implementing a Peekable Horizontal Card Swipe with Vant

This article walks through common issues when using Vant's van-swipe for a horizontal card list—such as the last card being clipped and the peek effect being hidden—and presents a three‑layer nesting solution with detailed CSS, Vue code, a self‑test checklist, and a reusable skill definition to streamline future development.

CSSSkillVant
0 likes · 15 min read
From Pitfalls to Skill: Implementing a Peekable Horizontal Card Swipe with Vant
SpringMeng
SpringMeng
Jan 7, 2026 · Interview Experience

Inside Xiao Meng’s Technical Interview: Real Questions and Insights

The article shares Xiao Meng’s full‑stack hiring process, listing practical first‑ and second‑round interview questions—from SQL pagination and SpringBoot CORS to RPC frameworks and AI‑assisted coding—while explaining the company’s focus on hands‑on ability and recent AI tool adoption.

AI coding toolsJavaSQL
0 likes · 6 min read
Inside Xiao Meng’s Technical Interview: Real Questions and Insights
Node.js Tech Stack
Node.js Tech Stack
Dec 29, 2025 · Frontend Development

Evan You Announces Vue JSX Vapor 3.1: JSX Performance Beats React, Shaking the Frontend Landscape

Vue creator Evan You unveiled Vue JSX Vapor 3.1, a Virtual‑DOM‑free rendering mode that compiles JSX into fine‑grained DOM operations, adds dual Virtual DOM/Vapor output, full directive support, and, according to JS Framework Benchmark data, matches native Vapor speed, outperforms SolidJS in some cases and leaves React far behind, while also planning Virtual‑DOM‑based SSR for future releases.

BenchmarkJSXReact
0 likes · 6 min read
Evan You Announces Vue JSX Vapor 3.1: JSX Performance Beats React, Shaking the Frontend Landscape
Node.js Tech Stack
Node.js Tech Stack
Dec 28, 2025 · Frontend Development

Vue 3.6 Beta Introduces Full‑Featured Vapor Mode—Can It Match Solid’s Performance?

Vue 3.6.0‑beta.1 brings the long‑awaited Vapor Mode to feature parity (except Suspense), claims benchmark‑level performance comparable to Solid and Svelte 5, overhauls the reactivity system with alien‑signals, and offers an opt‑in, composition‑API‑only path with clear limitations for existing projects.

Composition APIReactivitySolidJS
0 likes · 6 min read
Vue 3.6 Beta Introduces Full‑Featured Vapor Mode—Can It Match Solid’s Performance?
Node.js Tech Stack
Node.js Tech Stack
Dec 26, 2025 · Frontend Development

Can TanStack Start 1.141 Challenge Nuxt as the New Vue Meta‑Framework?

TanStack Start 1.141 brings official Vue support, positioning the TypeScript‑centric meta‑framework as a potential alternative to Nuxt by offering fully typed routing, server‑function integration and a unified API across React, Solid and Vue, though its maturity and ecosystem integration still lag behind Nuxt.

Meta-frameworkNuxtTanStack Start
0 likes · 6 min read
Can TanStack Start 1.141 Challenge Nuxt as the New Vue Meta‑Framework?
Frontend AI Walk
Frontend AI Walk
Dec 16, 2025 · Artificial Intelligence

From Vibe Coding to Vibe Engineering: Mastering the AI Programming Paradigm Shift

The article examines the evolution from ad‑hoc, natural‑language‑only AI code generation (Vibe Coding) to a disciplined, engineering‑focused workflow (Vibe Engineering) that uses explicit context, constraints, and verification loops to produce maintainable, production‑grade software.

AI programmingConstraint EngineeringContext Engineering
0 likes · 19 min read
From Vibe Coding to Vibe Engineering: Mastering the AI Programming Paradigm Shift
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Dec 11, 2025 · Frontend Development

Why TanStack AI SDK Is a Game‑Changer for Vue and React Developers

TanStack AI (Alpha) introduces a framework‑agnostic, type‑safe, and visual‑debuggable AI SDK that works across Vue, React, Solid, and vanilla JavaScript, supporting multiple model providers and languages, with step‑by‑step guides that let developers quickly build streaming chat, actions, and RAG applications.

AI SDKDevToolsReact
0 likes · 7 min read
Why TanStack AI SDK Is a Game‑Changer for Vue and React Developers
Java Architect Handbook
Java Architect Handbook
Dec 3, 2025 · Backend Development

Deploy OnlyOffice and Integrate It with Spring Boot & Vue for Word Editing

This guide walks through deploying OnlyOffice (Docker or Ubuntu), configuring the server, adding a Vue front‑end with the OnlyOffice API, building a Spring Boot controller to serve and save documents, handling callbacks, and troubleshooting common issues such as service status, token settings, and proxy configuration.

BackendDocumentEditingJava
0 likes · 34 min read
Deploy OnlyOffice and Integrate It with Spring Boot & Vue for Word Editing
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 2, 2025 · Frontend Development

How to Achieve Real‑Time Version Updates in Micro‑Frontend Apps with Pure Frontend Polling

This article details a zero‑intrusion solution for synchronizing version numbers across multiple micro‑frontend environments using a lightweight frontend poller, static version files, Nginx cache control, and Ant Design Vue modals, enabling testers to see updates within 30 seconds without backend changes.

Ant Design VueNGINXVersioning
0 likes · 12 min read
How to Achieve Real‑Time Version Updates in Micro‑Frontend Apps with Pure Frontend Polling
JavaScript
JavaScript
Dec 1, 2025 · Frontend Development

How Vue’s Upcoming Vapor Mode Could Revolutionize Frontend Performance

The article outlines Vue’s next‑generation Vapor Mode—a compilation strategy that removes the virtual DOM, introduces fine‑grained reactive tracking, and promises faster updates, smaller bundles, and a smoother developer experience for the anticipated Vue 4.0 release.

JavaScriptReactive SystemVapor Mode
0 likes · 5 min read
How Vue’s Upcoming Vapor Mode Could Revolutionize Frontend Performance
Code Wrench
Code Wrench
Nov 29, 2025 · Frontend Development

Building a Modern Desktop Chat App with Wails: Go + Vue Made Easy

This article walks through creating a lightweight, cross‑platform desktop chat application using Wails, demonstrating project structure, Go‑to‑frontend API generation, real‑time event communication, SQLite storage, UI implementation with Vue3, image handling, a one‑click dev script, and packaging size advantages.

Desktop AppGoSQLite
0 likes · 10 min read
Building a Modern Desktop Chat App with Wails: Go + Vue Made Easy
vivo Internet Technology
vivo Internet Technology
Nov 26, 2025 · Frontend Development

How to Build a Dynamic Typewriter Effect for AI Search with Vue

This article walks through the evolution of a typewriter‑style text animation for AI‑driven search results, from a simple pure‑text implementation using setInterval to a sophisticated Vue component that handles markdown, embedded cards, escape characters, variable typing speed, and DOM diffing to deliver a smooth, interactive user experience.

AI searchVuedynamic rendering
0 likes · 15 min read
How to Build a Dynamic Typewriter Effect for AI Search with Vue
Top Architect
Top Architect
Nov 8, 2025 · Fundamentals

How I Built an AI-Powered Naming Assistant for Java and Vue Developers

The article describes the frustration developers face with unclear method and variable names, presents an AI‑driven naming tool with both a web app and an IntelliJ IDEA plugin, and explains how the tool quickly generates clean, convention‑compliant identifiers across front‑end and back‑end languages.

AIIDEA PluginVue
0 likes · 6 min read
How I Built an AI-Powered Naming Assistant for Java and Vue Developers
Open Source Tech Hub
Open Source Tech Hub
Oct 28, 2025 · Backend Development

Build a Mythical Afterlife Management System with Node, MySQL, and Vue

This guide walks you through creating a full‑stack “afterlife” management platform that simulates traditional Chinese underworld processes, using a Node.js + Express + MySQL backend and a Vue + Element UI frontend, with step‑by‑step setup, configuration, and deployment instructions.

ExpressFull-StackNode.js
0 likes · 6 min read
Build a Mythical Afterlife Management System with Node, MySQL, and Vue
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Oct 26, 2025 · Mobile Development

ByteDance's Lynx Promises True Vue Native – Is It Finally Here?

The article examines ByteDance's open‑source Lynx.js as a new way to run Vue directly on iOS and Android, compares it with existing Vue‑native solutions like NativeScript‑Vue, Ionic Vue + Capacitor and uni‑app/uni‑appx, and offers guidance on choosing the right approach based on performance, development experience and project urgency.

Ionic VueLynxMobile Development
0 likes · 10 min read
ByteDance's Lynx Promises True Vue Native – Is It Finally Here?
Instant Consumer Technology Team
Instant Consumer Technology Team
Oct 13, 2025 · Artificial Intelligence

Explore Vue Vapor Mode, Next.js 16, AI‑Native Apps, and Cutting‑Edge Tech Trends

This edition of the tech weekly spotlights the evolution of front‑end frameworks with Vue 3.6’s experimental Vapor Mode and Next.js 16 Beta, delves into Alibaba’s AI‑native application architecture, shares iOS app size‑reduction tactics from Huolala, and highlights open‑source breakthroughs such as JD’s xLLM, Xiaomi’s audio model, and the Sherpa‑onnx speech engine.

AIMobile OptimizationNext.js
0 likes · 6 min read
Explore Vue Vapor Mode, Next.js 16, AI‑Native Apps, and Cutting‑Edge Tech Trends
Code Wrench
Code Wrench
Oct 5, 2025 · Backend Development

Build a Real‑Time Go Stock Analyzer with WebSocket & Vue Frontend

This article details version 3.0 of a Go‑based stock analysis system that adds sector classification, persistent watchlists, scheduled strategy evaluation, real‑time WebSocket market feeds, K‑line charting with technical indicators, a Vue front‑end, deployment steps, future roadmap, and a public GitHub repository.

Backend DevelopmentGoVue
0 likes · 7 min read
Build a Real‑Time Go Stock Analyzer with WebSocket & Vue Frontend
Dunmao Tech Hub
Dunmao Tech Hub
Sep 30, 2025 · Frontend Development

Generate QR Codes with Logos in Vue Using qrcode & Jimp

This guide walks through generating standard and logo‑embedded QR codes in a Vue application using the qrcode and Jimp libraries, covering installation, imports, the toCanvas API, and a complete async function for compositing a logo onto the QR image.

JavaScriptJimpQR code
0 likes · 5 min read
Generate QR Codes with Logos in Vue Using qrcode & Jimp
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 30, 2025 · Frontend Development

How to Dynamically Load Vue 2 Components in a Vue 3 Project

This tutorial explains how to integrate a pre‑built Vue 2 component library into a Vue 3 application by dynamically loading the Vue 2 runtime, creating an isolated Vue 2 instance, mounting the component to a dedicated DOM node, and leveraging props for data exchange, while keeping bundle size small.

VueVue2Vue3
0 likes · 6 min read
How to Dynamically Load Vue 2 Components in a Vue 3 Project
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 28, 2025 · Frontend Development

Render AI-Generated Tables in Vue: Mastering vunk-markdown Parsing & Strategy Rendering

This article explains how to transform AI-generated markdown tables into interactive Vue components by parsing markdown with vunk-markdown, customizing rendering strategies, and integrating UI libraries for features like pagination, filtering, charts, and diagrams, while preserving Vue’s reactivity and performance.

Component RenderingVuemarkdown
0 likes · 9 min read
Render AI-Generated Tables in Vue: Mastering vunk-markdown Parsing & Strategy Rendering
JavaScript
JavaScript
Sep 27, 2025 · Frontend Development

Simplify Vue v-model with the New defineModel API in Vue 3.4

This article explains how Vue 3.4's defineModel feature eliminates the boilerplate required for custom v-model implementations, showing side‑by‑side examples of the old three‑line approach and the new single‑line declaration for reusable input components.

JavaScriptV-ModelVue
0 likes · 3 min read
Simplify Vue v-model with the New defineModel API in Vue 3.4
macrozheng
macrozheng
Sep 24, 2025 · Backend Development

Integrate Alipay Sandbox Payments into a SpringBoot + Vue E‑Commerce App

This guide explains how to add Alipay sandbox payment support to the open‑source mall project built with SpringBoot 3 and Vue, covering the required code changes, three‑step payment flow, and the minimal configuration needed to enable secure online transactions.

AlipayPayment IntegrationSpringBoot
0 likes · 7 min read
Integrate Alipay Sandbox Payments into a SpringBoot + Vue E‑Commerce App
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 18, 2025 · Frontend Development

How to Slash Vue App Load Time: CDN, Gzip, and Code Splitting Tips

This guide walks through diagnosing a slow Vue admin dashboard, using webpack‑bundle‑analyzer to spot heavy libraries, offloading Element UI via CDN, enabling gzip compression on Nginx and in the Vue build, and applying code‑splitting and prefetch strategies to keep the first‑screen load under three seconds.

CDNCode SplittingGzip
0 likes · 9 min read
How to Slash Vue App Load Time: CDN, Gzip, and Code Splitting Tips
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Sep 16, 2025 · Frontend Development

Pinia + This Plugin: An Unbeatable Combo

Pinia Colada adds a smart data‑fetching layer to Vue's Pinia, eliminating boilerplate for loading, error, retry, caching and optimistic updates, offering a tiny ~2 kB bundle, seamless DevTools integration, SSR support, and a clear advantage over TanStack Query for pure Vue projects.

Data FetchingOptimistic UpdatesPinia Colada
0 likes · 8 min read
Pinia + This Plugin: An Unbeatable Combo
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 3, 2025 · Frontend Development

Fast, Resumable Large File Uploads with Vue & Express

This article walks through a complete Vue‑and‑Express solution for uploading massive files, detailing chunked splitting, hash‑based instant upload detection, resumable transfers, concurrency control, manual abort handling, and server‑side merging using streams, providing ready‑to‑use code snippets and performance optimizations.

Concurrency ControlExpressVue
0 likes · 18 min read
Fast, Resumable Large File Uploads with Vue & Express
JavaScript
JavaScript
Aug 17, 2025 · Frontend Development

Why Vue 3 Switched to Proxy: Overcoming Vue 2’s Reactivity Limits

Vue 3 replaces Vue 2’s Object.defineProperty‑based reactivity with Proxy, eliminating array method hacks, dynamic property constraints, and heavy initialization overhead, while delivering full array support, seamless property tracking, and improved performance, as illustrated by side‑by‑side code comparisons.

Object.definePropertyProxyReactivity
0 likes · 4 min read
Why Vue 3 Switched to Proxy: Overcoming Vue 2’s Reactivity Limits
大转转FE
大转转FE
Jul 22, 2025 · Frontend Development

Can AI Predict Code Impact? A Cursor‑Powered Frontend Analysis Case Study

This article explores how the Cursor AI tool can automatically assess the impact of code changes in a Vue 2 frontend project, detailing a three‑step MVP workflow, its strengths, limitations, and practical insights for developers seeking smarter pre‑test risk evaluation.

AI code analysisCursorVue
0 likes · 9 min read
Can AI Predict Code Impact? A Cursor‑Powered Frontend Analysis Case Study
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 5, 2025 · Fundamentals

Master the 2025 Frontend & Full‑Stack Knowledge System: Server Basics to DevOps

This comprehensive guide outlines a 2025 front‑end and full‑stack knowledge system, covering server fundamentals, JavaScript runtimes, databases, storage, cloud services, Docker, serverless, micro‑services, major frameworks (React, Vue, Angular, etc.), mobile development, PC clients, engineering tooling, CI/CD, testing, monitoring, security, performance optimization, project management, and practical non‑technical advice.

DevOpsJavaScriptReact
0 likes · 23 min read
Master the 2025 Frontend & Full‑Stack Knowledge System: Server Basics to DevOps
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 17, 2025 · Frontend Development

Why Vue Component Design Becomes a Nightmare and How to Fix It

After three years of building Vue apps, the author reveals how naive component extraction leads to sprawling directories, tangled props and events, and mounting technical debt, then offers concrete strategies—clear responsibilities, minimal APIs, slots, and abstraction skills—to design maintainable, reusable components.

Component DesignTechnical DebtVue
0 likes · 9 min read
Why Vue Component Design Becomes a Nightmare and How to Fix It
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 15, 2025 · Frontend Development

Building a Cross‑Platform 3D Desktop Pet with Electron, Vue, and Dexie.js

This article introduces the open‑source “3D Desktop Pet” project, detailing how to create a cross‑platform Electron application that combines a transparent always‑on‑top window, Three.js‑driven 3D pet interactions, and Dexie.js‑based task management, along with performance optimizations and multi‑window reminder system.

Desktop AppDexie.jsElectron
0 likes · 9 min read
Building a Cross‑Platform 3D Desktop Pet with Electron, Vue, and Dexie.js
Python Programming Learning Circle
Python Programming Learning Circle
May 13, 2025 · Backend Development

Contract Management and Expense Reimbursement System Overview and Deployment Guide

This document provides a comprehensive overview of a contract management and employee travel expense reimbursement system for small‑to‑medium enterprises, detailing its functional modules, BS architecture with Vue front‑end and Django back‑end, environment setup, database configuration, user registration, login procedures, and management of users, departments, projects, contracts, reimbursements, and financial approvals.

Contract ManagementDjangoVue
0 likes · 8 min read
Contract Management and Expense Reimbursement System Overview and Deployment Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 8, 2025 · Frontend Development

Elegant Dialog Invocation in Vue: A Scalable Architecture for Configurable Pop‑ups

This article presents a scalable Vue architecture that separates generic dialog logic from component‑specific configuration panels, using dynamic creation with createApp and Element‑Plus dialogs to achieve high cohesion, low coupling, and easy maintenance for numerous low‑code components.

DialogDynamic ComponentElement Plus
0 likes · 16 min read
Elegant Dialog Invocation in Vue: A Scalable Architecture for Configurable Pop‑ups
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Apr 11, 2025 · Frontend Development

A Fast, Efficient Vue3 3D Development Solution with TresJS

This article introduces TresJS, a Vue‑based declarative wrapper for Three.js that streamlines 3D scene creation, outlines its core features, suitable use cases, provides a quick‑start guide with Vite configuration and sample code, and lists lab utilities and resources.

3DThree.jsTresJS
0 likes · 5 min read
A Fast, Efficient Vue3 3D Development Solution with TresJS
FunTester
FunTester
Apr 1, 2025 · Frontend Development

Mastering data-testid: Boost Front‑End Test Stability and Collaboration

This guide explains why data-testid is essential for reliable front‑end testing, outlines planning and QA involvement, shows how to add and use data-testid in React/Vue components, provides best‑practice guidelines, and demonstrates Playwright, Cypress, and Selenium scripts for robust automated tests.

CypressPlaywrightReact
0 likes · 10 min read
Mastering data-testid: Boost Front‑End Test Stability and Collaboration
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Mar 27, 2025 · Frontend Development

How Vite + AI Can Boost Development Efficiency by 200%

The article explains how Vite’s native ES‑module architecture and the Model Context Protocol (MCP) enable deep AI integration via the vite‑plugin‑vue‑mcp, allowing tools like Cursor to access component trees, state and routing, which the author claims can raise development speed by up to 200% and cut bugs by 65%.

AI integrationCursorFrontend tooling
0 likes · 6 min read
How Vite + AI Can Boost Development Efficiency by 200%
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Mar 19, 2025 · Backend Development

Master Real-Time Updates with Spring Boot 3: SSE + fetch-event-source Tutorial

This article introduces a continuously updated Spring Boot 3 case collection and provides a step‑by‑step tutorial on implementing Server‑Sent Events using both the native EventSource API and the fetch‑event‑source library, covering backend controller code, frontend Vue integration, and practical code examples.

JavaReal-TimeSSE
0 likes · 9 min read
Master Real-Time Updates with Spring Boot 3: SSE + fetch-event-source Tutorial
Sohu Tech Products
Sohu Tech Products
Mar 12, 2025 · Frontend Development

How to Build a High‑Performance Fixed‑Height Virtual List in Vue

This article explains why rendering massive lists can freeze devices, introduces the concept of a fixed‑height virtual list that renders only visible items, and provides step‑by‑step Vue code to calculate visible ranges, handle scrolling, and fix off‑by‑one glitches.

Vuefixed heightfrontend
0 likes · 11 min read
How to Build a High‑Performance Fixed‑Height Virtual List in Vue
Tencent Cloud Developer
Tencent Cloud Developer
Mar 6, 2025 · Frontend Development

Data‑Driven Front‑End Development: Embracing a New Paradigm in the AI Era

The article refutes the “frontend is dead” myth by showing that modern front‑end engineering is moving from a UI‑first approach to a data‑driven paradigm—using layered atomic, computed, and view models—to improve testability, efficiency, and AI‑assisted development, as demonstrated through practical Vue examples and a gray‑release case study.

AIData-drivenSoftware Architecture
0 likes · 13 min read
Data‑Driven Front‑End Development: Embracing a New Paradigm in the AI Era
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Mar 1, 2025 · Frontend Development

Ant Group’s Secret Weapon WeaveFox: Will AI Make Front‑End Development Obsolete?

WeaveFox, Ant Group’s AI‑powered front‑end platform, claims to turn design drafts into fully functional React or Vue code—including precise pixel alignment and interactive effects—in seconds, while offering cross‑terminal support, automated refactoring, performance boosts, and a continuous learning loop, yet the author argues it won’t fully replace developers.

AI frontendAnt DesignCode Generation
0 likes · 7 min read
Ant Group’s Secret Weapon WeaveFox: Will AI Make Front‑End Development Obsolete?
JD Tech Talk
JD Tech Talk
Feb 19, 2025 · Frontend Development

From Monolith to Micro‑Frontend: The Evolution and Refactoring of the Xingyun Frontend Platform

This article recounts the architectural challenges of the Xingyun 2.0 frontend platform, explains why its monolithic codebase and build process became unsustainable, and details the step‑by‑step migration to a modular monorepo with micro‑frontend, Nx, pnpm, and Tailwind to improve scalability, maintainability, and developer productivity.

MonorepoNxTailwind
0 likes · 17 min read
From Monolith to Micro‑Frontend: The Evolution and Refactoring of the Xingyun Frontend Platform
JD Cloud Developers
JD Cloud Developers
Feb 19, 2025 · Frontend Development

Transforming a Massive Vue Frontend into a Scalable Monorepo: Lessons & Strategies

This article chronicles the evolution of the Xingyun front‑end platform from a tangled monolithic Vue application to a modular, micro‑frontend monorepo, detailing the architectural pain points, the "inner‑outer same‑origin" overhaul, and the concrete steps taken to achieve better scalability, maintainability, and build performance.

Micro FrontendsNxVue
0 likes · 18 min read
Transforming a Massive Vue Frontend into a Scalable Monorepo: Lessons & Strategies
Top Architecture Tech Stack
Top Architecture Tech Stack
Feb 19, 2025 · Operations

Nginx UI: A Web-Based Management Interface for Nginx Servers

Nginx UI is a Go‑and‑Vue powered web interface that simplifies Nginx server configuration, offering real‑time statistics, ChatGPT assistance, one‑click deployment, automatic Let's Encrypt renewal, log viewing, configuration editing with syntax highlighting, and multiple deployment options including binary, systemd, and Docker.

DockerGoNGINX
0 likes · 7 min read
Nginx UI: A Web-Based Management Interface for Nginx Servers
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 19, 2025 · Frontend Development

Debugging and Fixing Memory Leaks in Vue2 Applications

This article walks through reproducing a memory‑leak scenario in a Vue2‑based terminal application, analyzes common leak causes, demonstrates how adding dynamic keys and patching Vue's sameVnode function resolves the issue, and shows how to ship the fix with patch‑package for production deployments.

DebuggingKEYVue
0 likes · 9 min read
Debugging and Fixing Memory Leaks in Vue2 Applications
JavaScript
JavaScript
Feb 17, 2025 · Frontend Development

Why Vue 3 Switched to Proxy: Overcoming Vue 2’s Reactivity Limits

Vue 2’s reactivity relied on Object.defineProperty, which struggled with array mutations, dynamic properties, and performance overhead, prompting the Vue 3 team to adopt Proxy for full array support, seamless property tracking, and lazy, more efficient reactive handling, as illustrated by code comparisons.

JavaScriptObject.definePropertyProxy
0 likes · 4 min read
Why Vue 3 Switched to Proxy: Overcoming Vue 2’s Reactivity Limits
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 16, 2025 · Frontend Development

Creating a Universal Functional Modal Utility for Vue 3

This article demonstrates how to build a highly reusable, function‑based modal system in Vue 3 that supports lazy loading, prop passing, event binding, provide/inject data injection, custom slots, and method exposure, allowing developers to display any modal component with a single function call.

Functional ComponentProvide/InjectTypeScript
0 likes · 13 min read
Creating a Universal Functional Modal Utility for Vue 3
Architecture and Beyond
Architecture and Beyond
Feb 15, 2025 · Frontend Development

Building a Complete Vue Frontend Website in One Day with AI Assistants

This article shares a step‑by‑step account of using AI tools such as Trae, Claude 3.5 Sonnet, and GPT‑4o to design, generate, and refine a Vue‑based frontend website within a single day, highlighting core strategies, best practices, and common pitfalls encountered along the way.

AI CodingAI assistantsCode Generation
0 likes · 8 min read
Building a Complete Vue Frontend Website in One Day with AI Assistants