BestHub
Sign in
Tagged articles
679 articles
Page 6 of 7
Miss Fresh Tech Team
Miss Fresh Tech Team
Apr 15, 2021 · Frontend Development

Building Fast, Flexible Marketing Pages: Inside the River Beaver Visual Builder

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.

Component LibraryNode.jsVue
0 likes · 14 min read
Building Fast, Flexible Marketing Pages: Inside the River Beaver Visual Builder
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Apr 8, 2021 · Frontend Development

Boost Vue App Speed: Proven Frontend Optimization Techniques

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.

Vuefrontendoptimization
0 likes · 22 min read
Boost Vue App Speed: Proven Frontend Optimization Techniques
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 7, 2021 · Frontend Development

Why Hooks? Uncovering the Functional Foundations of React and Beyond

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.

Composition APIReactTypeScript
0 likes · 22 min read
Why Hooks? Uncovering the Functional Foundations of React and Beyond
The Dominant Programmer
The Dominant Programmer
Mar 11, 2021 · Cloud Native

Integrating WebSocket in Spring Cloud (Ruoyi Microservice Edition) for Front‑End/Back‑End Message Push

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.

MicroservicesSpring BootSpring Cloud
0 likes · 8 min read
Integrating WebSocket in Spring Cloud (Ruoyi Microservice Edition) for Front‑End/Back‑End Message Push
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 11, 2021 · Frontend Development

Integrating a React Micro‑Frontend into a Vue‑Based DSP Platform Using qiankun

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.

IntegrationVuefrontend
0 likes · 17 min read
Integrating a React Micro‑Frontend into a Vue‑Based DSP Platform Using qiankun
ByteFE
ByteFE
Mar 8, 2021 · Frontend Development

Understanding How vue-loader Processes Vue SFC Files and Reuses Other Loaders

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.

JavaScriptVueloader
0 likes · 17 min read
Understanding How vue-loader Processes Vue SFC Files and Reuses Other Loaders
The Dominant Programmer
The Dominant Programmer
Mar 7, 2021 · Frontend Development

How to Integrate AMap API in Vue for Positioning and Custom Info Windows

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.

AmapCustom Info WindowMap Integration
0 likes · 11 min read
How to Integrate AMap API in Vue for Positioning and Custom Info Windows
Java Captain
Java Captain
Mar 1, 2021 · Backend Development

Overview of eladmin: An Open‑Source Spring Boot + Vue Backend Management System

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.

Backend ManagementRBACSpring Boot
0 likes · 6 min read
Overview of eladmin: An Open‑Source Spring Boot + Vue Backend Management System
The Dominant Programmer
The Dominant Programmer
Feb 27, 2021 · Backend Development

How to Generate QR Code Images with SpringBoot, ZXing, and Vue

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.

JavaScriptQR codeSpringBoot
0 likes · 14 min read
How to Generate QR Code Images with SpringBoot, ZXing, and Vue
21CTO
21CTO
Feb 9, 2021 · Frontend Development

Building an Efficient Frontend Component System: iQIYI Knowledge’s Approach

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.

Component LibraryComponentizationVue
0 likes · 15 min read
Building an Efficient Frontend Component System: iQIYI Knowledge’s Approach
Java Backend Technology
Java Backend Technology
Feb 2, 2021 · Mobile Development

Explore 20+ Open‑Source Clones of Popular Apps to Boost Your Development Skills

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.

FlutterMobile DevelopmentVue
0 likes · 8 min read
Explore 20+ Open‑Source Clones of Popular Apps to Boost Your Development Skills
iQIYI Technical Product Team
iQIYI Technical Product Team
Jan 29, 2021 · Frontend Development

Efficient Front-End Componentization Practices at iQIYI Knowledge Web Team

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.

ComponentizationSoftware ArchitectureUI components
0 likes · 14 min read
Efficient Front-End Componentization Practices at iQIYI Knowledge Web Team
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Jan 6, 2021 · Frontend Development

Build Your Own MVVM Framework from Scratch with JavaScript

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.

JavaScriptMVVMObject.defineProperty
0 likes · 14 min read
Build Your Own MVVM Framework from Scratch with JavaScript
37 Mobile Game Tech Team
37 Mobile Game Tech Team
Jan 6, 2021 · Frontend Development

Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop

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.

Component LibraryDrag-and-DropJSON Schema
0 likes · 15 min read
Building a Vue‑Based Visual Editor: Architecture, JSON Schema & Drag‑Drop
Java Architect Essentials
Java Architect Essentials
Dec 21, 2020 · Frontend Development

Top 12 Open‑Source Vue Admin Dashboards You Should Explore

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.

UI frameworkVueadmin dashboard
0 likes · 5 min read
Top 12 Open‑Source Vue Admin Dashboards You Should Explore
vivo Internet Technology
vivo Internet Technology
Dec 15, 2020 · Frontend Development

Practical Experience of Server‑Side Rendering (SSR) for Vivo Official Mall

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.

Node.jsSSRVue
0 likes · 12 min read
Practical Experience of Server‑Side Rendering (SSR) for Vivo Official Mall
phodal
phodal
Dec 7, 2020 · Frontend Development

How to Build an Automated Front‑End Refactoring Tool for Vue Projects

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.

ASTVueautomation
0 likes · 6 min read
How to Build an Automated Front‑End Refactoring Tool for Vue Projects
JD Retail Technology
JD Retail Technology
Dec 7, 2020 · Frontend Development

Frontend Routing: Core Principles, Implementation, and Source Code Analysis

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.

History APIReactSPA
0 likes · 24 min read
Frontend Routing: Core Principles, Implementation, and Source Code Analysis
The Dominant Programmer
The Dominant Programmer
Dec 3, 2020 · Mobile Development

Implementing Android App Update with SpringBoot Backend and Vue Frontend

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.

AndroidApp UpdateFileProvider
0 likes · 37 min read
Implementing Android App Update with SpringBoot Backend and Vue Frontend
政采云技术
政采云技术
Dec 1, 2020 · Frontend Development

Writing High-Quality Maintainable Code: Component Abstraction and Granularity

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.

Component DesignVueabstraction
0 likes · 15 min read
Writing High-Quality Maintainable Code: Component Abstraction and Granularity
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Nov 24, 2020 · Frontend Development

Thanos Multi‑Platform Development Framework: Architecture, Components, and Implementation

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.

FrameworkMini ProgramRuntime
0 likes · 15 min read
Thanos Multi‑Platform Development Framework: Architecture, Components, and Implementation
Aotu Lab
Aotu Lab
Nov 20, 2020 · Frontend Development

Is Vue 3 Ref‑Sugar a Dead End? Exploring Vue Proposals, Rich Text Editors & Frontend Tools

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.

Exception MonitoringJavaScript InterpreterRef-sugar
0 likes · 7 min read
Is Vue 3 Ref‑Sugar a Dead End? Exploring Vue Proposals, Rich Text Editors & Frontend Tools
Java Architect Essentials
Java Architect Essentials
Nov 18, 2020 · Cloud Native

Docker Basics: From Theory to Practical Deployment

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.

DockerfileNginxVue
0 likes · 15 min read
Docker Basics: From Theory to Practical Deployment
php Courses
php Courses
Nov 13, 2020 · Backend Development

Configuring ThinkPHP to Return JSON and Enable CORS for Vue Integration

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.

BackendCORSPHP
0 likes · 2 min read
Configuring ThinkPHP to Return JSON and Enable CORS for Vue Integration
Top Architect
Top Architect
Nov 10, 2020 · Frontend Development

Comprehensive Guide to Setting Up Electron, Exploring Its Source Structure, and Building Sample Desktop Applications

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.

Desktop ApplicationElectronJavaScript
0 likes · 12 min read
Comprehensive Guide to Setting Up Electron, Exploring Its Source Structure, and Building Sample Desktop Applications
Miss Fresh Tech Team
Miss Fresh Tech Team
Nov 9, 2020 · Frontend Development

Transforming E‑commerce Activity Pages: Inside the River Beaver Visual Builder

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.

Component LibraryNode.jsVue
0 likes · 15 min read
Transforming E‑commerce Activity Pages: Inside the River Beaver Visual Builder
IT Xianyu
IT Xianyu
Nov 6, 2020 · Frontend Development

Top Open‑Source Vue Admin Dashboard Projects

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.

UIVueadmin dashboard
0 likes · 7 min read
Top Open‑Source Vue Admin Dashboard Projects
Architects Research Society
Architects Research Society
Nov 5, 2020 · Frontend Development

Comparative Analysis of React, Angular, and Vue Frameworks

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.

AngularLearning CurveReact
0 likes · 18 min read
Comparative Analysis of React, Angular, and Vue Frameworks
Architects Research Society
Architects Research Society
Nov 2, 2020 · Frontend Development

React vs Vue: A CTO’s Guide to Choosing the Right JavaScript Framework

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.

JavaScriptReactVue
0 likes · 23 min read
React vs Vue: A CTO’s Guide to Choosing the Right JavaScript Framework
Programmer DD
Programmer DD
Oct 26, 2020 · Cloud Native

Docker Made Easy: Deploy a Vue App with Nginx in Minutes

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.

DevOpsDockerDockerfile
0 likes · 16 min read
Docker Made Easy: Deploy a Vue App with Nginx in Minutes
政采云技术
政采云技术
Oct 11, 2020 · Frontend Development

In‑Depth Analysis of Vue‑Router Source Code and Dynamic Route Permission Implementation

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.

FlowJavaScriptPermissions
0 likes · 27 min read
In‑Depth Analysis of Vue‑Router Source Code and Dynamic Route Permission Implementation
58 Tech
58 Tech
Sep 18, 2020 · Frontend Development

Micro‑Frontend Architecture with Vue: Concepts, Scenarios, and Implementation Guide

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.

DeploymentDevOpsFrontend Architecture
0 likes · 16 min read
Micro‑Frontend Architecture with Vue: Concepts, Scenarios, and Implementation Guide
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Sep 17, 2020 · Frontend Development

Micro‑Frontend Architecture: Benefits, Implementation Options, and Technical Details

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.

Frontend ArchitectureVueiframe
0 likes · 15 min read
Micro‑Frontend Architecture: Benefits, Implementation Options, and Technical Details
Aotu Lab
Aotu Lab
Sep 10, 2020 · Frontend Development

Beyond React vs Vue: Exploring Frontend Fundamentals, Security, and Design

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.

DesignReactVue
0 likes · 7 min read
Beyond React vs Vue: Exploring Frontend Fundamentals, Security, and Design
Zhuanzhuan Tech
Zhuanzhuan Tech
Sep 3, 2020 · Frontend Development

Offline Prerender (OPR): A Low‑Cost Alternative to SSR for First‑Screen Performance

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.

OfflineSSRVue
0 likes · 15 min read
Offline Prerender (OPR): A Low‑Cost Alternative to SSR for First‑Screen Performance
vivo Internet Technology
vivo Internet Technology
Sep 2, 2020 · Frontend Development

Developing a Vue CLI Plugin for a Unified Component Library

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.

CLI PluginVuecode-generation
0 likes · 7 min read
Developing a Vue CLI Plugin for a Unified Component Library
The Dominant Programmer
The Dominant Programmer
Sep 2, 2020 · Frontend Development

How to Encrypt Passwords in Vue with RSA and JSEncrypt

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.

JavaScriptRSAVue
0 likes · 5 min read
How to Encrypt Passwords in Vue with RSA and JSEncrypt
The Dominant Programmer
The Dominant Programmer
Sep 2, 2020 · Frontend Development

How to Implement Remember-Password in Vue Using js-cookie

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.

Vuecookiesfrontend
0 likes · 5 min read
How to Implement Remember-Password in Vue Using js-cookie
WecTeam
WecTeam
Aug 27, 2020 · Frontend Development

How to Reconstruct Vue Templates from Compiled JavaScript

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.

ASTVuefrontend
0 likes · 29 min read
How to Reconstruct Vue Templates from Compiled JavaScript
vivo Internet Technology
vivo Internet Technology
Aug 26, 2020 · Frontend Development

Adaptive Grid Layout Solutions for Management Backend Pages

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.

CSS VariablesComponentResponsive Design
0 likes · 16 min read
Adaptive Grid Layout Solutions for Management Backend Pages
JD.com Experience Design Center
JD.com Experience Design Center
Aug 19, 2020 · Frontend Development

Revamping JD VSP: From Legacy PC UI to Modern Vue & TypeScript Architecture

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.

Component LibraryESLintPWA
0 likes · 26 min read
Revamping JD VSP: From Legacy PC UI to Modern Vue & TypeScript Architecture
Top Architect
Top Architect
Aug 15, 2020 · Cloud Native

Docker Basics: From Theory to Practical Deployment

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.

DockerImageRegistry
0 likes · 15 min read
Docker Basics: From Theory to Practical Deployment
Architecture Digest
Architecture Digest
Aug 11, 2020 · Cloud Native

Docker Beginner's Guide: From Installation to Deploying a Vue Project

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.

DeploymentDockerDockerfile
0 likes · 16 min read
Docker Beginner's Guide: From Installation to Deploying a Vue Project
转转QA
转转QA
Aug 7, 2020 · Frontend Development

Implementing Multi‑Instance Tab Navigation in Vue‑Router for Backend Admin Systems

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.

Dynamic RoutesRouterVue
0 likes · 13 min read
Implementing Multi‑Instance Tab Navigation in Vue‑Router for Backend Admin Systems
JD.com Experience Design Center
JD.com Experience Design Center
Jul 31, 2020 · Frontend Development

Scaling JD’s 福礼 Platform: Frontend Architecture, Component Library & Cross‑Platform Lessons

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.

Component LibraryCross‑Platform IntegrationFrontend Architecture
0 likes · 24 min read
Scaling JD’s 福礼 Platform: Frontend Architecture, Component Library & Cross‑Platform Lessons
Youzan Coder
Youzan Coder
Jul 22, 2020 · Mobile Development

TypeScript Integration with Weex: Improving Development Efficiency and System Stability

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.

Cross‑platform developmentStatic Type CheckingType Safety
0 likes · 11 min read
TypeScript Integration with Weex: Improving Development Efficiency and System Stability
Top Architect
Top Architect
Jul 9, 2020 · Frontend Development

Electron Development Guide: Environment Setup, Project Structure, and Sample Applications

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.

Desktop ApplicationElectronNode.js
0 likes · 12 min read
Electron Development Guide: Environment Setup, Project Structure, and Sample Applications
Qborfy AI
Qborfy AI
Jul 7, 2020 · Frontend Development

Unlock JavaScript Sandboxes, Code Scanning & Front‑End Innovations

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.

CSS VariablesCode ScanningDomain-Driven Design
0 likes · 7 min read
Unlock JavaScript Sandboxes, Code Scanning & Front‑End Innovations
58 Tech
58 Tech
Jul 6, 2020 · Frontend Development

Design and Implementation of Front‑End Error Monitoring for a Real‑Estate Web Platform

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.

JavaScriptReactVue
0 likes · 18 min read
Design and Implementation of Front‑End Error Monitoring for a Real‑Estate Web Platform
ITPUB
ITPUB
Jul 1, 2020 · Backend Development

Top Open‑Source SpringBoot Projects to Jumpstart Your Backend Development

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.

MicroservicesOpenSourceSpringBoot
0 likes · 11 min read
Top Open‑Source SpringBoot Projects to Jumpstart Your Backend Development
JD Tech Talk
JD Tech Talk
Jun 11, 2020 · Frontend Development

Development and Implementation of the NutUI Video Component for Mobile Web

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.

ComponentHTML5Mobile
0 likes · 18 min read
Development and Implementation of the NutUI Video Component for Mobile Web
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
May 28, 2020 · Frontend Development

Unlocking the Secrets of Top Front‑End Frameworks: React, Angular, and Vue Explained

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.

AngularJavaScriptReact
0 likes · 21 min read
Unlocking the Secrets of Top Front‑End Frameworks: React, Angular, and Vue Explained
Ctrip Technology
Ctrip Technology
May 21, 2020 · Operations

Ctrip's Platform-Based API Automated Testing Solution

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.

API testingDevOpsMongoDB
0 likes · 9 min read
Ctrip's Platform-Based API Automated Testing Solution
vivo Internet Technology
vivo Internet Technology
May 13, 2020 · Frontend Development

Micro‑Component State Management, Hook Mechanism, and Cross‑Sandbox Communication in a Front‑End Activity Platform

The article explains how the Wukong Activity Platform enables micro‑components to interact with the editor and property panel by registering lifecycle hooks through a pre‑render step, storing them in a unified Vuex module, and synchronizing state across sandboxed iframes via postMessage and a parent‑store mixin that restores Vue reactivity.

Cross-iframeState ManagementVue
0 likes · 21 min read
Micro‑Component State Management, Hook Mechanism, and Cross‑Sandbox Communication in a Front‑End Activity Platform
WecTeam
WecTeam
May 13, 2020 · Frontend Development

How to Build Complex CSS Animations for a Real‑World Mini‑Game

This article reviews the CSS animation techniques used in the 京喜工厂 mini‑game, covering animation principles, comparisons with SVG and JavaScript, detailed implementations of linear and step‑based animations, path animations using offset‑path and layered timing functions, and tools for visualizing and fine‑tuning keyframes.

BezierVueanimation
0 likes · 26 min read
How to Build Complex CSS Animations for a Real‑World Mini‑Game
macrozheng
macrozheng
Apr 20, 2020 · Frontend Development

How to Master Vue from Zero: A Goal‑Driven Learning Blueprint

This article outlines a step‑by‑step, goal‑oriented approach to learning Vue—starting from setting clear objectives, studying official documentation, exploring open‑source projects, expanding knowledge of related libraries, and finally practicing by building a backend‑admin front‑end, enabling developers to efficiently master the framework.

VueWeb Developmentfrontend
0 likes · 10 min read
How to Master Vue from Zero: A Goal‑Driven Learning Blueprint
vivo Internet Technology
vivo Internet Technology
Apr 15, 2020 · Frontend Development

RSC Component Architecture, EventBus, and Vuex State Management in Front-End Development

The article explains how the Remote Service Component (RSC) architecture uses a lightweight Vue‑based EventBus for decoupled communication and integrates Vuex with dynamically generated, namespaced stores to manage shared state across hot‑pluggable, visual‑configurable components, solving inter‑component data sharing and namespace collisions.

EventBusFront-end ArchitectureRSC
0 likes · 16 min read
RSC Component Architecture, EventBus, and Vuex State Management in Front-End Development
360 Tech Engineering
360 Tech Engineering
Apr 8, 2020 · Backend Development

Implementing Vue Server-Side Rendering (SSR) with Koa, Docker, and Kubernetes

This technical guide explains how to build a Vue SSR service using Koa, outlines the project benefits and trade‑offs, details the directory structure, server and client entry files, webpack configurations, and describes a Docker‑based CI/CD pipeline with Kubernetes deployment for scalable production environments.

DockerKoaKubernetes
0 likes · 22 min read
Implementing Vue Server-Side Rendering (SSR) with Koa, Docker, and Kubernetes
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
Mar 30, 2020 · Frontend Development

Mocking Backend with IndexedDB and Dexie.js in Vue Projects

This article shows front‑end developers how to overcome missing back‑end services by using IndexedDB with Dexie.js to create a mock API, structuring a simple message‑board app, and leveraging Vuex for clean separation, enabling rapid development and easier later integration.

Dexie.jsIndexedDBMock API
0 likes · 8 min read
Mocking Backend with IndexedDB and Dexie.js in Vue Projects
360 Quality & Efficiency
360 Quality & Efficiency
Mar 6, 2020 · Frontend Development

Implementing Long‑Press Functionality in Vue with JavaScript

This article explains how to create a long‑press button in a Vue application by using native JavaScript events, timers, and a custom Vue directive, covering variable setup, start and cancel functions, event listeners for mouse and touch, and error handling for non‑function bindings.

DirectiveJavaScriptLong Press
0 likes · 8 min read
Implementing Long‑Press Functionality in Vue with JavaScript
macrozheng
macrozheng
Mar 5, 2020 · Frontend Development

Master Electron: From Setup to Real-World Desktop Apps with Vue

This guide walks you through the rationale for desktop (C/S) apps, introduces Electron, details environment setup, project scaffolding, source structure, main and renderer processes, and showcases complete example applications built with Electron‑Vue.

Desktop DevelopmentElectronJavaScript
0 likes · 11 min read
Master Electron: From Setup to Real-World Desktop Apps with Vue
iQIYI Technical Product Team
iQIYI Technical Product Team
Feb 28, 2020 · Frontend Development

Technical Architecture and Implementation of iQIYI Cloud Video Editing Platform

The iQIYI Cloud Video Editing Platform leverages HTML5 and Vue.js to deliver a browser‑based, multi‑track editing suite that offloads transcoding to a four‑layer architecture—web client, Node middle layer, creation platform, and cloud services—while using real‑time preview, caching, and modular code to ensure smooth interaction and future WebAssembly‑powered AI enhancements.

Frontend ArchitectureVuecloud video editing
0 likes · 11 min read
Technical Architecture and Implementation of iQIYI Cloud Video Editing Platform
Qunar Tech Salon
Qunar Tech Salon
Feb 28, 2020 · Frontend Development

Bifrost: Meituan’s Vue‑Based Micro‑Frontend Framework for Scalable Enterprise Front‑End Development

The article introduces Bifrost, Meituan’s Vue‑based micro‑frontend framework, detailing its background, design goals, architecture, implementation code, development practices, deployment workflow, and the benefits and challenges of adopting micro‑frontend architecture in large‑scale enterprise front‑end projects.

BifrostFrontend ArchitectureModule Federation
0 likes · 20 min read
Bifrost: Meituan’s Vue‑Based Micro‑Frontend Framework for Scalable Enterprise Front‑End Development
macrozheng
macrozheng
Feb 27, 2020 · Frontend Development

How to Implement Dynamic Menu Permissions in Vue with Router and Vuex

This guide explains how to use Vue Router and Vuex to implement dynamic menu permission control in a Vue-based admin project, covering router splitting, permission module creation, state management, and menu binding to achieve role-based navigation.

Dynamic PermissionsVueVue-router
0 likes · 9 min read
How to Implement Dynamic Menu Permissions in Vue with Router and Vuex
WecTeam
WecTeam
Feb 26, 2020 · Frontend Development

Unveiling MPM PageData: Architecture and Multi‑Platform Rendering

This article explains how MPM's PageData serves as the core JSON abstraction that links the visual editor with various rendering engines, detailing its structure, generation process, and parsing workflows for static H5, direct H5, and mini‑program platforms.

MPMMini ProgramNode.js
0 likes · 22 min read
Unveiling MPM PageData: Architecture and Multi‑Platform Rendering
21CTO
21CTO
Feb 24, 2020 · Frontend Development

How to Replace jQuery in Bootstrap Projects with Vue.js

This article explains why jQuery is unnecessary when using Vue.js with Bootstrap, shows how to replace Bootstrap's jQuery plugins with vue-strap or custom Vue components, and provides complete code examples for tabs and modal dialogs.

BootstrapVuefrontend
0 likes · 7 min read
How to Replace jQuery in Bootstrap Projects with Vue.js
Java Captain
Java Captain
Feb 18, 2020 · Frontend Development

Guide to Setting Up and Developing Cross‑Platform Desktop Applications with Electron

This article provides a step‑by‑step tutorial on installing Node, configuring npm mirrors, installing Vue‑CLI and Electron, creating a sample project via the official quick‑start repository or vue‑cli template, and explains the key directory structures and main‑renderer process architecture of Electron applications.

Desktop AppDevelopmentElectron
0 likes · 10 min read
Guide to Setting Up and Developing Cross‑Platform Desktop Applications with Electron
WecTeam
WecTeam
Jan 17, 2020 · Frontend Development

Weekly Frontend Highlights: Visual Builder, Image Filters, Vue vs React, ES2020

This week’s Front‑End roundup covers a visual page‑builder design, Canvas‑based image filters, a Vue vs React comparison, a 2019 technology review, Airbnb’s large‑scale GraphQL migration, and the latest ES2020 JavaScript features, each with concise insights and illustrative images.

ES2020GraphQLJavaScript
0 likes · 4 min read
Weekly Frontend Highlights: Visual Builder, Image Filters, Vue vs React, ES2020
Tencent Cloud Developer
Tencent Cloud Developer
Jan 7, 2020 · Mobile Development

Hippy Cross-Platform Framework: Common Debugging Methods and Troubleshooting Cases

The article introduces Tencent’s open‑source Hippy cross‑platform framework, outlines its developer‑friendly features and W3C compliance, and details common debugging techniques—including Chrome DevTools‑based services, jsbundle debugging, and memory monitoring—while presenting practical troubleshooting cases for UI updates, scrolling, performance, and iOS‑specific issues.

AndroidHippyListView
0 likes · 12 min read
Hippy Cross-Platform Framework: Common Debugging Methods and Troubleshooting Cases
WecTeam
WecTeam
Jan 7, 2020 · Frontend Development

Master Vue Testing: From Unit to End-to-End with Mocha, Cypress, and Vue CLI

Learn how to write comprehensive tests for Vue applications—including unit, integration, and end-to-end tests—using Vue CLI, Mocha, Chai, Vue Test Utils, Vuex, Vue Router, Sinon, and Cypress, with practical code examples that demonstrate test setup, mocking, and browser verification.

CypressEnd-to-EndIntegration Tests
0 likes · 17 min read
Master Vue Testing: From Unit to End-to-End with Mocha, Cypress, and Vue CLI
WecTeam
WecTeam
Dec 31, 2019 · Frontend Development

Why You Should Switch to TypeScript: Benefits, Pitfalls, and Real‑World Examples

This article chronicles a developer's transition from plain JavaScript to TypeScript, illustrating how static typing improves code robustness, debugging, and documentation while also discussing migration steps, common pitfalls, and practical examples across frontend projects.

Code RefactoringJavaScriptTypeScript
0 likes · 19 min read
Why You Should Switch to TypeScript: Benefits, Pitfalls, and Real‑World Examples
Meituan Technology Team
Meituan Technology Team
Dec 26, 2019 · Frontend Development

Bifrost: Meituan's Micro‑Frontend Framework for Scalable Front‑End Development

Meituan's R&D built Bifrost, a micro‑frontend framework that splits a monolithic Vue SPA into independent sub‑systems, letting remote teams develop, deploy, and integrate modules while preserving a seamless SPA experience; the host manages lifecycle, routing, shared state, CDN delivery, gray releases, and monitoring, greatly improving scalability and maintainability.

BifrostFrontend ArchitectureVue
0 likes · 20 min read
Bifrost: Meituan's Micro‑Frontend Framework for Scalable Front‑End Development
Python Programming Learning Circle
Python Programming Learning Circle
Dec 24, 2019 · Frontend Development

What Shaped Frontend Development in 2019? A Comprehensive Recap

The 2019 frontend landscape saw React retain dominance, TypeScript surge, WebAssembly become a fourth web language, Vue prepare for version 3, Angular introduce Ivy, static sites and JAMstack rise, PWA adoption grow, and a wave of new tools, standards, and predictions for 2020, reflecting rapid evolution across frameworks, languages, and tooling.

AngularJavaScriptReact
0 likes · 22 min read
What Shaped Frontend Development in 2019? A Comprehensive Recap
Tencent Cloud Developer
Tencent Cloud Developer
Dec 23, 2019 · Frontend Development

How Tencent’s Hippy Makes Cross‑Platform Front‑End Development Simpler

Tencent’s open‑source Hippy framework, now used by 18 internal services with over a hundred million daily page views, offers a front‑end‑friendly, W3C‑compliant cross‑platform solution that supports React and Vue, reduces learning barriers, and improves performance through a C++‑based engine‑direct architecture.

HippyJavaScriptReact
0 likes · 5 min read
How Tencent’s Hippy Makes Cross‑Platform Front‑End Development Simpler