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.
This tutorial walks you through setting up a complete music‑streaming web application built with Vue on the front end and Spring Boot, MyBatis, and MySQL on the back end, covering features, installation, database configuration, and launch commands.
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.
This article describes a seat‑temporary‑leave management system built with Java Spring Boot and Vue, detailing its front‑end and back‑end modules, technology stack, functional pages, and provides a representative controller code snippet illustrating the back‑end API design.
This tutorial walks you through creating a full‑stack food‑delivery application using Spring Boot for the backend, Vue.js for the frontend, MySQL and MongoDB for data storage, and provides detailed setup commands, module descriptions, and launch instructions.
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.
This article traces the evolution of frontend development from server‑side rendering with PHP/JSP through AJAX and jQuery to modern MVVM frameworks, comparing React, Vue, and Angular in terms of syntax, data‑update mechanisms, performance optimizations, and code‑reuse strategies.
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.
This guide introduces NutUI‑Bingo, a Vue 3‑based mobile component library for lottery and mini‑game scenarios, covering its background, design, installation, core components, usage examples, and future roadmap with technical details and code snippets.
This article introduces the fully open‑source HC Community IoT platform built with Vue + ElementUI on the front end and Spring Boot on the back end, and provides step‑by‑step deployment instructions, code snippets, screenshots, and the source‑code repository link.
This article introduces two Spring Boot based workflow solutions—Spring‑boot‑activiti and RuoYi‑vue 4.x + Flowable—detailing their architecture, key features, deployment steps, and available resources to help developers understand and experiment with workflow engines.
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.
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.
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.
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.
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.
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.
This article explains the concept of virtual DOM, its advantages over direct DOM manipulation, details the diff algorithm including same‑layer comparison, pointer techniques, and longest increasing subsequence optimizations in Vue2 and Vue3, and discusses key usage and performance considerations.
This guide shows how to integrate the speak‑tts library into a Vue component to trigger speech synthesis on button click, covering Chrome’s autoplay restrictions, npm installation, object initialization, button markup, click handler, and a complete working example.
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.
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.
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.
This article explains Vue 3's reactivity mechanism by dissecting the ref API, showing how dependency collection and triggering work through effect functions, and describing the bit‑mask optimization introduced in Vue 3.2 to efficiently update only stale dependencies.
Version next of vue‑mapvgl introduces full Vue 3 compatibility, a complete TypeScript rewrite, IDE assistance files, updated documentation on VuePress 2.0, treeshake support, and several breaking changes such as a new library registration method and removal of deprecated APIs.
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.
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.
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.
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.
This guide explains the technical stack, deployment steps, and core features of the open‑source wx‑manage system for managing multiple WeChat public accounts, including backend setup, database initialization, and frontend launch.
A curious case where entering the wrong Vue documentation URL (https://cn.vuejs.org) redirects to an adult site, prompting a technical investigation that reveals 301 redirects, hidden JavaScript, random target selection, and broader security implications for web developers.
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.
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.
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.
This article explains the shortcomings of static front‑end permission schemes in modern SPA architectures and presents a comprehensive, database‑driven user‑role‑page‑function‑API model that enables dynamic, fine‑grained access control for both frontend menus and backend endpoints.
This article presents a curated list of twelve open-source admin dashboard projects, providing their GitHub repositories, documentation links, live demo URLs, and licensing information, helping developers quickly evaluate and adopt suitable front-end solutions for modern web applications.
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.
This guide shows how to load a GeoServer TileWMS layer in a Vue app with OpenLayers, configure map and line layers, add a selectable draw interaction for LineString geometry, capture drawn coordinates, and provides a complete Vue component example.
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.
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.
This guide explains how to install and configure the ThinkPHP captcha extension using a cache driver instead of sessions, modify the Captcha class, and integrate a Vue‑Element‑Admin login page that includes username, password, and captcha fields with corresponding backend validation and token handling.
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.
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.
This article explains why and how to implement intermediate redirect pages in front‑end projects, covering common scenarios, practical code examples, standardization tips, and security considerations to streamline multi‑team collaborations and cross‑domain navigation.
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.
This tutorial walks you through creating a full‑stack word‑cloud web application using Flask for the backend and Vue for the frontend, covering environment setup, project structure, dependency installation, core code snippets, and how to run and package the app.
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.
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.
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.
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.
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.
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.
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.
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.
This guide walks you through setting up a Spring Boot‑based logistics warehouse system, detailing required software versions, the project’s modular features, technology stack, database and backend configuration, frontend setup with Vue, and provides screenshots of key interfaces.
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.
This article demonstrates a real-time device monitoring solution that uses a WebSocket connection to push abnormal equipment alerts from a mobile client to a Vue-based monitoring page, with a SpringBoot backend handling the WebSocket server and broadcast logic.
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.
This article shares practical notes on solving image distortion issues in iOS development, covering image source platforms, CSS properties like object-fit, responsive grid layouts, loading animations, and Vue code examples for fetching and displaying images with proper fallback handling.
This article introduces a comprehensive open‑source parking lot management system, detailing its five core functions, extensive feature set, modern Java‑Spring backend, Vue frontend, cloud‑ready architecture, and step‑by‑step deployment guide for developers.
This article explains what memory leaks are, how to identify them in Vue SPA projects using Chrome's memory tools, lists common leak patterns, and provides practical code‑level solutions—including proper event unbinding, timer cleanup, and correct use of keep‑alive—to keep your application performant.
This tutorial walks you through creating a real‑time online chatroom using Django 3, Channels, Redis (or Memurai on Windows), and a Vue front‑end, covering environment setup, dependency installation, project configuration, WebSocket consumer implementation, and front‑end integration.
This tutorial walks you through deploying a complete captcha labeling and recognition solution, covering Vue front‑end setup, Java back‑end packaging, and Python CNN model serving with Flask, complete with code snippets, configuration details, and deployment screenshots.
This guide walks through deploying a SpringBoot‑Vue split‑stack project with Docker by creating separate containers for Redis and MySQL, building custom Docker images for the backend JAR and the Nginx‑served frontend, configuring host networking, and exposing the necessary ports for verification.
This article introduces a front‑back separated HR management system built with SpringBoot and Vue, detailing its technology stack—including Redis and RabbitMQ—and provides a quick deployment guide with code snippets, enabling developers to set up and extend the project efficiently.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Jeepay is an open‑source, multi‑channel payment system for internet companies that combines Spring Boot backend services, Ant Design Vue front‑end, Spring Security permission control, and supports WeChat Pay, Alipay and UnionPay with distributed, high‑concurrency architecture.
The article reviews Vue 3.2’s new features and performance gains, explains monorepo best practices for large codebases, shares open‑source community strategies from TiDB, provides a detailed Fetch API tutorial, and outlines a beginner-friendly learning path for Webpack 5, offering practical guidance for modern frontend development.
The article introduces micro‑app, a lightweight micro‑frontend framework from JD iPaaS, explains the concept of micro‑frontends, compares iframe and framework approaches, details micro‑app’s advantages and features, and provides step‑by‑step usage examples with Vue and React integration.
This roundup highlights the Next.js 11.1 and Vue 3.2 releases with their new features and performance boosts, introduces several emerging open‑source projects such as quickjs‑rs, MDX, mdast, Puerts, wasm‑pack, instant.page and txiki.js, and summarizes practical articles on one‑click dark‑mode support and dramatically shrinking Next.js bundle size.
This article introduces the open‑source Java + Vue exam system, detailing its student and admin functionalities, mini‑program capabilities, deployment options, demo screenshots, source code link, and a brief assessment of its commercial versus free version.
This article compiles twelve popular open‑source admin dashboard projects for Vue, presenting their source‑code repositories, documentation links, live demo URLs, and licensing details to help developers quickly evaluate and adopt suitable backend management interfaces.
This article introduces wx‑manage, an open‑source WeChat public‑account management system that supports multiple accounts, offering menu, auto‑reply, material management, and a simple CMS, and details its Spring Boot‑based tech stack, required environment, and where to obtain the source code.
The article presents OKee Mobile, an open‑source Vue‑based mobile component library that offers 36 customizable components, a comprehensive design‑token system, compile‑time and runtime theming via Less variables, and detailed code examples for developers seeking a flexible UI solution for both ToC and ToB scenarios.
The article presents a comprehensive overview of JD's Lego low‑code visual building platform, detailing its business motivations, architectural design, core front‑end technologies, template creation workflow, debugging tools, unified build and release process, and future development directions.
This article demonstrates three Vue decorators that use async/await to transparently manage component initialization status, add debounce and loading indicators to button clicks, and control the visibility of the component before the mounted hook finishes, with full TypeScript examples.
This article introduces EMP, a micro‑frontend solution that helps developers build production‑ready micro‑frontend architectures more easily and efficiently by addressing large bundle sizes, team collaboration, and module sharing, and provides detailed usage scenarios, ecosystem support, configuration examples, upgrade guides, and performance comparisons.
This tutorial walks you through creating a word‑cloud generator with a Vue front‑end and a Flask back‑end, covering environment setup, project scaffolding, component development, API integration, and deployment, all illustrated with code snippets and screenshots.
This article explores why React moved from class components to the Hooks API, explains its functional‑programming roots, compares Hooks with Redux, Mixins, HOCs, Vue's Composition API, and demonstrates how TypeScript type inference and codata concepts can deepen understanding while providing practical code examples.
This article reviews the 2021 top five frontend JavaScript frameworks—React, Vue, Angular, Ember, and Preact—based on Stack Overflow surveys, State of JS, and NPM trends, explaining their origins, features, and adoption by major companies.
Tenon is a lightweight MVVM framework built on Didi's Hummer runtime that bridges the Web ecosystem (Vue 3 and React) with native Android and iOS, offering multi‑framework support, easy adoption, extensible plugins, high availability, and a three‑layer architecture illustrated by real‑world Didi case studies.
This article presents a full‑stack Java mall project with distribution features, detailing its object‑oriented advantages, comprehensive backend and frontend technology stack, project structure, implemented modules such as member management, product editing, promotion, order and system management, deployment environment, and provides source code and documentation for developers.
This article presents a student‑crafted, high‑fidelity Xiaomi Mall clone built with a Vue‑based front‑end (Vue‑router, Vuex, Element‑ui, Axios) and a Node.js Koa back‑end using MySQL, detailing its architecture, key pages, authentication, shopping cart, order processing, and deployment.
This article explains Vue’s reactive system, compares Vue 2.6’s Object.defineProperty approach with Vue 3’s Proxy implementation, details how observers are defined, collected, and triggered, and shows why the asynchronous update queue improves performance and maintainability.
This guide walks you through the reasons for choosing Electron over browser‑based solutions, details the environment setup, installation steps, project initialization, core source‑code structure, main‑renderer architecture, and showcases complete example applications built with Electron‑Vue.
This article details a front‑end team's systematic performance optimization of a large‑scale education editor, covering root‑cause analysis of list lag, memory leaks, iframe blocking, and animation stalls, and presenting practical solutions such as IntersectionObserver lazy loading, dynamic rendering, virtual lists, and progressive animation rendering to dramatically improve user experience.
This article reviews common web animation techniques for mobile projects—including GIF/APNG, CSS3, JavaScript, Lottie, SVG, and Canvas—offering practical tips, performance considerations, Vue and React implementations, and reusable code patterns to help developers confidently meet designers' animation requirements.
This guide explains how to configure a Spring Boot application with MySQL and SQL Server data sources, use Nginx to expose capture‑server images as URLs, and implement Vue components for on‑demand photo preview of traffic‑violation records.
This article introduces a selection of open‑source projects that demonstrate front‑end and back‑end separation using technologies such as SpringBoot, Vue, Angular, and React, providing practical examples and resources for developers seeking to master full‑stack development and micro‑service architectures.
This comprehensive guide walks you through Docker fundamentals, from the underlying concepts of containers versus virtual machines to hands‑on installation, image creation, container deployment, and best practices, empowering developers to containerize and ship applications efficiently.
This article presents a comprehensive overview of using JSX in Vue 3, covering its basic concepts, why Vue supports JSX, the changes introduced in Vue 3, practical scenarios, implementation details, and performance comparisons with the traditional template syntax.
This article provides a comprehensive guide to installing and deploying the Wukong CRM 9.0 Java version, detailing its backend stack, required environments, configuration files, Maven dependencies, Undertow/Tomcat deployment options, and front‑end Vue setup, along with QR‑code download instructions.
This article demonstrates how to leverage the @vue/reactivity package inside React by creating a custom useReactive hook for function components and a reactiveHoc higher‑order component for class components, explaining the underlying concepts, implementation steps, and practical usage with full code examples.
