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.
This article provides a comprehensive tutorial on building cross‑platform desktop applications with Electron, covering environment preparation, installation of Node, Vue‑CLI and Electron, project creation, directory layout, main and renderer processes, and detailed examples such as a NetEase Cloud Music client and a QQ Music player.
This article introduces Docker fundamentals, compares virtual machines with containers, explains core Docker concepts, guides through installation, Dockerfile creation, image building, container deployment, and best practices, using a Vue project as a practical example.
This article analyzes the adoption of Vue Server‑Side Rendering at Haodafu Online, detailing its advantages for SEO and fast content delivery, the architectural integration with an existing Express/Node stack, performance testing results, degradation strategies, remaining issues, and future improvement plans.
The River Beaver system, developed by Daily Fresh, is a self‑built activity construction platform that offers a rich set of business components and a visual page‑building interface, enabling marketers to quickly create and publish customized H5 activity pages while freeing developers from repetitive tasks, improving efficiency, and supporting scalable component libraries.
This article walks through practical Vue performance enhancements—including basic web rendering tweaks, webpack configuration tricks, Vue‑specific code optimizations, and auxiliary measures like GZIP compression, HTTP caching, CDN usage, image handling, and lazy loading—to dramatically improve first‑screen load times and overall user experience.
This article explores the motivations behind React's Hooks API, contrasts it with the Class API, delves into functional programming concepts, demonstrates implementations via Mixins, HOCs, and custom hooks, and compares React Hooks to Vue's Composition API, offering deep insights for front‑end developers.
This article walks through the design and implementation of NutUI 3.0's Drag component for mobile web, explaining the two main drag techniques, touch event handling, boundary checks, optional axis constraints, and snap‑to‑edge behavior with complete Vue code examples.
This guide walks through adding the WebSocket starter to a Spring Boot service, configuring a WebSocketConfig class, implementing client and service components, adjusting Nacos gateway rules, testing with a WebSocket client tool, and exposing a REST endpoint to push messages to Vue front‑ends.
The Cloud Music DSP team unified its Vue contract platform and React bidding platform by embedding the React app as a qiankun micro‑frontend, replacing iframe and MPA approaches, configuring HTML entry, lifecycle hooks, routing and CSS isolation, and addressing routing, style, and CORS challenges for seamless integration.
This article explains the internal workflow of vue-loader, detailing how it separates style, script, template, and custom blocks in Vue single‑file components, injects a pitcher loader, clones webpack rules, and leverages resourceQuery to reuse user‑defined loaders such as less‑loader or babel‑loader.
This guide walks through registering an AMap application, installing vue‑amap, configuring the API loader, building a reusable Vue component with search, geolocation, custom markers and styled info windows, and embedding the component into a page to achieve full map display and positioning functionality.
The article presents eladmin, a fully open‑source, front‑back separated admin platform built with Spring Boot, JPA, Spring Security, Redis and Vue, detailing its features, modular architecture, code‑generation capabilities, and highlights that make it a valuable learning resource for developers.
This guide demonstrates how to integrate ZXing into a SpringBoot backend to generate QR code images, expose them via a REST endpoint, and display the QR codes in a Vue front‑end dialog by fetching the image as a blob and rendering it with Element UI components.
This article details how iQIYI Knowledge's web frontend team designed and implemented a comprehensive componentization strategy that improves code reuse, development efficiency, and maintainability across numerous independent projects while ensuring product consistency.
This article curates a collection of actively maintained high‑fidelity clone projects for popular apps—including WeChat, Zhihu, TikTok, Bilibili, Meituan, and more—showcasing the tech stacks (Flutter, Vue, React, Node.js, etc.), core features, screenshots, and direct GitHub links to help developers learn and build similar applications.
The iQIYI Knowledge Web front‑end team built a developer‑oriented component library that splits UI and business logic into reusable basic and business Vue components, enforces clear input/output contracts, uses on‑demand loading and Storybook documentation, achieving high code reuse, maintainability, and consistent UI across independent projects while tackling bundle size and CI/CD challenges.
This article explains how SaaS providers can overcome rigidity by using Alibaba Cloud Serverless Workflow and Function Compute to orchestrate a customizable order‑processing module, detailing the architecture, FDL definitions, Java SDK integration, Vue front‑end, and payment routing logic.
This article walks through the complete implementation of a lightweight MVVM framework—covering Object.defineProperty data hijacking, proxying, template compilation, publish‑subscribe reactivity, two‑way binding, computed properties and lifecycle hooks—using plain JavaScript.
This article outlines the design and implementation of a Vue‑powered visual editor, covering its three‑part architecture (editor, component library, backend), JSON schema hierarchy, component creation and configuration, state management with Vuex, drag‑and‑drop mechanics, and server‑side rendering.
The article walks through Vue’s single‑file component build pipeline with Webpack 4, detailing how vue‑loader parses .vue files into template, script, and style blocks, uses VueLoaderPlugin and pitch loaders to generate virtual modules, and ultimately bundles them via inline loader syntax.
This article presents a curated collection of twelve popular open‑source Vue.js admin dashboard projects, providing their documentation URLs, live demo links, and license types so developers can quickly evaluate and adopt the right UI framework for their backend interfaces.
The article details how Vivo’s official mall migrated from a heavy SPA to a Nuxt‑based server‑side rendering solution, employing LRU page caching, component and API caches, concurrent requests, selective client‑only rendering, robust degradation tactics, automated CI/CD deployment, and monitoring, which together boosted QPS from 125 to 6 000—a roughly fifty‑fold performance gain and markedly better user experience.
This article explains how to use Vue 3.0’s Composition API, TypeScript support, and custom render capabilities to create a mini‑program framework, covering file structure, VNode implementation, nodeOps adaptation, template compilation, and dynamic template selection with full code examples.
This article outlines a step‑by‑step approach to creating a front‑end automated refactoring tool, covering AST parsing, defining code smells, detection, suggested fixes, implementation of codemods, and practical examples for Vue, JavaScript, TypeScript, CSS, and framework‑specific utilities.
This article provides a comprehensive overview of frontend routing in single-page applications, covering its historical evolution, core concepts of hash and history modes, implementation details in Vue and React, code examples, navigation guards, nested routes, and practical considerations for choosing routing strategies.
The article walks through a complete Android app update workflow where an administrator uploads an APK via a Vue front‑end to a SpringBoot service, the backend stores version data, and the Android client periodically checks for newer versions, downloads the APK using a Service and OkHttp, and installs it automatically.
This tutorial walks readers through installing Node.js, configuring npm or cnpm, upgrading the Vue CLI, creating a uni‑app project with Vue, troubleshooting common errors, and finally running the project in the WeChat Developer Tools, providing screenshots and command references throughout.
This article explains how to write high-quality, maintainable frontend code by exploring component abstraction, granularity, design principles, and classification—from atomic to page-level components—illustrated with React and Vue examples, code snippets, and practical guidelines for balancing reuse and complexity.
The article introduces the Thanos framework, a Vue‑based compile‑time solution that enables cross‑platform development for nine mini‑program and web targets by unifying components, APIs, and runtime behaviors, and details its architecture, scaffold tools, compiler mechanics, and runtime optimizations.
This article examines the controversial Vue 3 Ref‑sugar proposal, traces the evolution of rich‑text editors, outlines frontend exception‑monitoring architectures, reviews a TypeScript‑based JavaScript interpreter, and shares practical experiences with Vue 3 mini‑program development, offering a comprehensive technical perspective for modern frontend engineers.
This article introduces Docker fundamentals, compares containers with virtual machines, explains core concepts, guides through installation, Dockerfile creation, image building, container deployment, and best practices, providing step-by-step commands and examples for deploying a Vue application with Nginx.
This guide explains how to configure ThinkPHP to return JSON by default, set up individual JSON responses, and resolve Vue's cross‑origin request issues by adding appropriate Access‑Control‑Allow‑Origin headers in controller actions, with code examples for each step.
This article provides a step‑by‑step tutorial on installing Node, vue‑cli, and Electron, explains the Electron source and project directory layouts, describes the main and renderer processes, and showcases two complete Electron‑Vue sample applications with full command‑line instructions.
The River Beaver system, developed by Miss Fresh, is a self‑built activity‑construction platform that lets operators visually assemble marketing pages using reusable components, dramatically reducing development effort, accelerating release cycles, and empowering non‑technical staff, while the underlying architecture—Vue‑based designer, component libraries, Node/Think.js services, and build pipelines—ensures scalable, maintainable H5 page generation.
This article lists twelve popular open‑source Vue.js admin dashboard frameworks, providing their GitHub or Gitee repository links, documentation URLs, live demo sites, and license information for developers seeking ready‑made front‑end solutions.
This article provides a detailed comparison of the three major frontend frameworks—React, Angular, and Vue—covering their design principles, strengths, weaknesses, performance benchmarks, popularity, learning curves, and suitability for different project requirements.
This article provides CTOs and project managers with a comprehensive comparison of React and Vue, covering factors such as code quality, type checking, modularity, learning curve, developer friendliness, testing, server‑side rendering, performance, scalability, application size, and practical use‑case recommendations.
This article introduces seven open‑source projects that demonstrate frontend‑backend separation using technologies such as Vue, Angular, React, SpringBoot, and SpringCloud, providing practical examples and resources for developers to deepen their full‑stack development skills.
This article provides a comprehensive Vue 3 composition‑API tutorial covering project initialization, the setup function, reactive and ref utilities, computed properties, watch, provide/inject, template refs, and nextTick, with detailed code examples and explanations.
This guide walks you through Docker fundamentals, comparing containers to virtual machines, explaining core concepts, installing Docker, building a Dockerfile for a Vue project, creating and running an Nginx‑based image, publishing it to a registry, and sharing best practices for efficient container deployment.
This guide explains how to install Axios, set up a reusable HTTP module in a Vue project, configure environment‑specific base URLs, define request timeouts and headers, and implement request and response interceptors along with simple get/post wrapper functions.
This article provides a comprehensive walkthrough of the Vue‑Router source code, explaining its initialization, matcher creation, routing modes, navigation methods, router‑view and router‑link components, and demonstrates how to implement dynamic route permission control using Vuex and global navigation guards.
This article introduces a full‑stack online exam system built with Spring Boot and Vue, detailing its role‑based features, front‑back separation architecture, and step‑by‑step instructions for cloning, configuring, and deploying both the backend and frontend components.
This article compiles twelve open‑source Vue admin dashboard projects, providing their GitHub repositories, documentation links, live demo URLs, and license information so developers can quickly evaluate and adopt the most suitable frontend UI framework for their applications.
This article explains Vue's $nextTick by first detailing JavaScript's single‑threaded event loop, then showing how Vue batches DOM updates using macro‑ and micro‑tasks, and finally walks through a custom implementation with code examples and common pitfalls.
This article introduces the micro‑frontend concept, outlines its characteristics and suitable scenarios, and provides a detailed Vue‑based implementation covering runtime, deployment, development modes, code snippets, reuse layers, and best‑practice recommendations for large‑scale front‑end projects.
This article explains why rapid business growth and rising development costs push teams toward a micro‑frontend architecture, compares monolithic and micro‑frontend approaches, outlines four implementation patterns, presents the chosen Vue‑based tech stack, and shares code snippets for communication, scrolling, and build‑time optimizations.
This article offers a comprehensive look at modern frontend development, from unbiased React‑Vue comparisons and Lodash security insights to icon workflow evolution, smooth corner techniques in Figma, SOLID principles, code‑effort metrics, AI recommendation system reading, project management tips, and the role of design tokens.
This article walks through integrating the vue-cropper plugin into a Vue project to enable avatar cropping with real‑time preview, handling image upload via ElementUI, and transmitting the cropped image to a SpringBoot backend using a FormData POST request.
The article introduces Offline Prerender (OPR), explains why traditional SSR and SPA first‑screen optimizations have limitations, details the OPR workflow—including scheduled Puppeteer rendering, HTML capture, data injection, diffing, CDN upload, and delayed mounting—and shares practical enhancements such as CSS tree‑shaking, async script loading, and downgrade strategies, demonstrating significant speed gains.
The article shows how a Vue login page can request a SpringBoot endpoint that creates a four‑character captcha image, encodes it as a Base64 data URL, returns it together with a UUID, stores the code in Redis with a two‑minute expiration, and validates the UUID during login.
The article shows how to avoid hard‑coded status strings in Vue by defining a reusable errorCode module, importing it where needed, and mapping backend response codes to human‑readable messages with a default fallback, simplifying maintenance across the project.
This guide walks through building a Vue CLI plugin—named vue‑cli‑plugin‑next‑component—that enforces team‑wide naming conventions and directory structures for a component library, detailing the required file layout, service entry, interactive prompts, EJS‑based generator templates, testing workflow, and how it streamlines and standardizes Vue component creation.
This guide shows how to protect plaintext passwords in a Vue login flow by using RSA asymmetric encryption with the JSEncrypt library, generating key pairs, creating utility functions, and storing encrypted credentials in cookies while providing decryption on retrieval.
This guide demonstrates how to add a remember-password feature to a Vue login page by installing the js-cookie package, creating utility functions for token handling, storing encrypted credentials and a remember-me flag in cookies when selected, and retrieving them on page load to pre-fill the form.
This article provides a step‑by‑step tutorial on installing Node, Vue‑CLI, and Electron, creating and running Electron projects, explaining the source directory layout, main and renderer processes, and showcasing real‑world examples such as a cloud music player and a QQ music client.
This article explains how Vue single‑file components are compiled into render functions and staticRenderFns, and provides a step‑by‑step method to reverse‑engineer the compiled JavaScript back into the original template, style, and script sections using AST parsing, transformation, and code generation techniques.
To solve inconsistent PC resolutions and the lack of multiple design drafts in backend management pages, we evaluated fixed‑width, fixed‑count, Material Design, and custom grids, then built a reusable adaptive‑grid component that recalculates card width, margin, and padding on resize using CSS variables, delivering responsive card‑lists while minimizing design overhead.
This article compares the three most popular front‑end technologies—Angular, React, and Vue—examining their nature as libraries or frameworks, lifecycle, core development, flexibility, performance, and suitable use cases to help developers choose the right tool for SPA or multi‑page applications.
This article details the comprehensive redesign of JD VSP's PC platform, covering the motivations for the overhaul, the adoption of Vue, TypeScript, Gaea scaffolding, Legao component library, performance enhancements with icon fonts and PWA caching, and the implementation of robust development tooling such as ESLint and code‑generation workflows.
This article introduces Docker by explaining container fundamentals, comparing virtual machines and containers, detailing core Docker concepts, guiding readers through installation, building a Vue project image with Nginx, running and publishing the container, and offering best‑practice tips for efficient containerization.
This article introduces Docker fundamentals, compares containers with virtual machines, explains core concepts, walks through installation, basic commands, building a Docker image for a Vue application, running and publishing the container, and shares best‑practice tips for containerization.
This article analyzes the challenges of implementing multi‑instance tab navigation in mobile‑friendly web pages using Vue‑router, explains why standard router components are single‑instance, and presents two solutions—dynamic route addition and route‑change hijacking—complete with code examples and considerations for memory management.
This article chronicles the rapid evolution of JD’s 福礼 employee‑benefits platform, detailing its Vue‑based frontend architecture, custom build tools, NutUI component library adoption, data‑collection strategies, multi‑device integration, development‑efficiency hacks, and collaborative processes that together drove a 265% YoY active‑user growth.
YouZan’s retail mobile team integrated TypeScript into their Weex projects, replacing error‑prone JavaScript with static typing, IDE‑driven refactoring, and Vue‑compatible decorators, which dramatically cut bugs, streamlined complex business logic, and boosted development efficiency and system stability across more than 300 pages.
This article provides a comprehensive tutorial on building cross‑platform desktop applications with Electron, covering environment preparation, installation of Node, Vue‑CLI and Electron, project creation, directory structures, main‑renderer architecture, and practical examples such as a cloud music player and a QQ music client.
This weekly tech roundup explains how JavaScript sandboxes isolate code, details a low‑cost AST‑based code‑scanning approach, compares Vue, React and Angular, and shows how domain‑driven design and CSS variables can streamline modern front‑end development.
This article presents a practical case study of front‑end error monitoring for a real‑estate broker web site, detailing the background problem, pain points, analysis, design adjustments, code implementations, data collection, reporting strategies, and the resulting improvements in issue‑resolution efficiency.
This article curates a selection of notable open‑source Java backend projects—mostly built with SpringBoot, Spring Cloud, and Vue—providing repository links, concise introductions, and technology stacks to help developers quickly explore and adopt robust solutions for enterprise applications.
This article evaluates five popular WeChat mini‑program frameworks—WePY, Mpvue, Taro, Uni‑app and Chameleon—by comparing their features, integration costs, performance metrics, and maintainability, and provides recommendations on which framework best fits different development stacks.
This article explains the motivation, design, implementation details, code examples, and troubleshooting tips for building a NutUI video component in Vue that supports basic playback, custom controls, mobile compatibility, and various configuration options for enterprise‑level front‑end projects.
This article provides a comprehensive overview of the three leading front‑end technologies—React, Angular, and Vue—detailing their core concepts, component models, rendering mechanisms, key features, and typical command‑line workflows to help developers choose the most suitable framework for their projects.
This tutorial walks you through installing Midway FaaS CLI, creating a Vue project with the faas‑vue template, understanding its integrated directory structure, running the app locally, and deploying it to the cloud using Midway’s serverless platform.
The article presents Ctrip's platform-driven API automated testing solution, detailing the challenges of traditional script-based testing, the proposed lightweight online test authoring and execution system, its key implementation features, technical architecture using Vue, Java, and MongoDB, and the resulting efficiency gains for development teams.
