BestHub
Sign in
Tagged articles

Component

73 articles · Page 1 of 1
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Jun 22, 2026 · Backend Development

Why Prefer @Bean Over @Component? Avoid Critical Spring Boot Pitfalls

The article explains the fundamental differences between @Component and @Bean in Spring Boot 3.5.0, demonstrates how @Bean provides finer control, solves five common configuration problems, and reveals a subtle proxy‑related bug that causes multiple bean instances when @Component is misused on configuration classes.

BeanComponentConfiguration
0 likes · 8 min read
Why Prefer @Bean Over @Component? Avoid Critical Spring Boot Pitfalls
Java Architect Handbook
Java Architect Handbook
Jan 11, 2026 · Backend Development

Why @Configuration + @Bean Overrides @Component in Spring Boot: Deep Dive and Version Differences

A detailed analysis shows that when a class is annotated with both @Configuration/@Bean and @Component, Spring creates only one bean—the one defined by @Configuration/@Bean—overriding the @Component definition, and explains how this behavior changed across Spring and Spring Boot versions.

Bean OverridingComponentConfiguration
0 likes · 10 min read
Why @Configuration + @Bean Overrides @Component in Spring Boot: Deep Dive and Version Differences
Architecture Breakthrough
Architecture Breakthrough
Jul 2, 2025 · Industry Insights

Defining Platforms, Systems, and Modules in FinTech Architecture

This article clarifies fintech‑specific definitions for platforms, systems, modules, and related architectural concepts such as frameworks, components, artifacts, plugins, controls, and middleware, illustrating their roles, boundaries, and relationships to guide consistent design and implementation across banking technology projects.

ComponentFinTechPlatform
0 likes · 8 min read
Defining Platforms, Systems, and Modules in FinTech Architecture
JavaEdge
JavaEdge
Dec 29, 2024 · Frontend Development

Master Vue 3 Form Components: Build, Validate, and Communicate Efficiently

This article explains how to create a robust Vue 3 form component using Element Plus, covering component hierarchy, data binding with model, rule definition with async-validator, provide/inject communication, and step‑by‑step validation logic with practical code examples.

AsyncValidatorComponentForm
0 likes · 19 min read
Master Vue 3 Form Components: Build, Validate, and Communicate Efficiently
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 18, 2024 · Frontend Development

Comprehensive Guide to Vue Component Writing Styles: Options API, Composition API, Setup Syntax Sugar, Render Functions, and JSX

This article systematically introduces the many ways to write Vue components—including the classic Options API, the modern Composition API with setup syntax sugar, hand‑written render functions using h or createVNode, and various JSX techniques—explaining their principles, code examples, and when to choose each approach.

ComponentJSXJavaScript
0 likes · 19 min read
Comprehensive Guide to Vue Component Writing Styles: Options API, Composition API, Setup Syntax Sugar, Render Functions, and JSX
Goodme Frontend Team
Goodme Frontend Team
Sep 23, 2024 · Frontend Development

How We Built a Scalable Low‑Code Platform for Store Screens and TV Displays

This article details the design and evolution of a low‑code platform used for electronic menu and TV screens in retail stores, covering architecture diagrams, component decomposition, material market, plugin system, schema compatibility, data fetching optimizations, and resource caching strategies to improve scalability and stability.

Componentarchitecturefrontend
0 likes · 22 min read
How We Built a Scalable Low‑Code Platform for Store Screens and TV Displays
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 23, 2024 · Frontend Development

Forcing Vue Component Re‑render to Fix Scroll Height Issues

This article explains why a scrollable table component misbehaves when its height changes, analyzes the root cause in the internal scroll wrapper, and demonstrates practical ways to force a Vue component to re‑render using v‑if, dynamic keys, and zero‑delay timers, complete with code examples.

ComponentForce UpdateKEY
0 likes · 7 min read
Forcing Vue Component Re‑render to Fix Scroll Height Issues
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Apr 23, 2024 · Backend Development

Understanding @Configuration vs @Component in Spring: Bean Creation and Proxies

This article explains the distinct roles of Spring's @Configuration and @Component annotations, demonstrates their behavior through code examples, compares bean initialization and proxy generation, and reveals how Spring's ConfigurationClassPostProcessor and related enhancers ensure singleton beans across method calls.

ComponentConfigurationDependency Injection
0 likes · 9 min read
Understanding @Configuration vs @Component in Spring: Bean Creation and Proxies
Selected Java Interview Questions
Selected Java Interview Questions
Apr 18, 2024 · Backend Development

Understanding @Configuration vs @Component Bean Overriding in Spring Boot 2.0.3

This article explains why a Spring Boot 2.0.3 application creates two UserManager beans when both @Configuration + @Bean and @Component are used, how the container decides which instance is injected, and how newer Spring versions allow developers to control bean‑definition overriding via configuration.

Backend DevelopmentBean OverridingComponent
0 likes · 8 min read
Understanding @Configuration vs @Component Bean Overriding in Spring Boot 2.0.3
Shepherd Advanced Notes
Shepherd Advanced Notes
Mar 24, 2024 · Frontend Development

Getting Started with Vue: What Is Vue and How to Install It

This article introduces Vue as a progressive JavaScript framework, explains its core features such as reactive data binding, component‑based development, and virtual DOM, and walks through installation methods, a simple counter example, and a brief comparison with React and Angular.

ComparisonComponentInstallation
0 likes · 8 min read
Getting Started with Vue: What Is Vue and How to Install It
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 8, 2024 · Frontend Development

Encapsulating Forms and Tables in Vue 3 with Element‑Plus: Design and Implementation

This article demonstrates a comprehensive approach to building reusable form and table components in Vue 3 using Element‑Plus, covering the design rationale, code examples for services, dialogs, list pages, and utilities, and discusses the benefits for development efficiency, maintainability, and scalability.

ComponentElement PlusForm
0 likes · 24 min read
Encapsulating Forms and Tables in Vue 3 with Element‑Plus: Design and Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 4, 2024 · Frontend Development

How to Build a Fully Editable Table with ElementPlus in Vue 3

This guide explains how to create a reusable EditTable component that extends ElementPlus's el-table, providing add, delete, edit, and save capabilities, custom editable columns, form validation, dynamic data loading, and a simple API for integrating editable tables into Vue applications.

ComponentEditable TableElementPlus
0 likes · 12 min read
How to Build a Fully Editable Table with ElementPlus in Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 28, 2023 · Frontend Development

Implementing Entry Animations and Seamless Scrolling in a Vue 3 Big‑Screen Visualization Project

This article demonstrates how to add entry animations and implement seamless horizontal and vertical scrolling in a Vue 3‑based big‑screen visualization project using ECharts, Gaode map, Pinia, CSS keyframes, and the animejs library, with complete code examples and component packaging.

AnimejsComponentSeamless Scroll
0 likes · 11 min read
Implementing Entry Animations and Seamless Scrolling in a Vue 3 Big‑Screen Visualization Project
JD Tech
JD Tech
Oct 9, 2023 · Frontend Development

Design and Implementation of a Flexible H5 Navigation Bar Component for Mobile Applications

This article analyzes the limitations of native navigation bars on mobile pages, proposes a reusable H5 navigation‑bar component (@pango/navigation-bar) with performance, cost, and user‑experience benefits, details its architecture, configuration, code usage, exception handling, and adaptation for foldable screens, and outlines the open‑source plan.

ComponentConfigurationMobile Web
0 likes · 17 min read
Design and Implementation of a Flexible H5 Navigation Bar Component for Mobile Applications
DeWu Technology
DeWu Technology
Jul 26, 2023 · Backend Development

JSONCompareUtils: Full JSON Comparison Component for Automated Testing

JSONCompareUtils, a full‑JSON comparison component added to the Artemis framework, lets automated tests recursively compare large JSON responses via a Maven‑provided library with Java and Python wrappers, streamlining service‑splitting, BC‑traffic, and cross‑environment validation while dramatically cutting manual verification effort and speeding regression testing.

API comparisonComponentJava
0 likes · 9 min read
JSONCompareUtils: Full JSON Comparison Component for Automated Testing
JD Retail Technology
JD Retail Technology
Jul 24, 2023 · Frontend Development

XView Pop‑up Building and Deployment for JD 618 Promotion: Component‑Based Visual Design

The article explains how JD upgraded its XView platform from a simple H5 container to a component‑based visual builder that enables fast, precise, and stable creation and deployment of marketing pop‑ups for the 618 promotion, covering design, client integration, dynamic data binding, and animation optimization.

ComponentMarketingXView
0 likes · 8 min read
XView Pop‑up Building and Deployment for JD 618 Promotion: Component‑Based Visual Design
Sohu Tech Products
Sohu Tech Products
Apr 12, 2023 · Frontend Development

Vue vs React: Programming Styles, View Syntax, Components, Routing, State Management, Reactivity and Lifecycle Comparison

This article provides a comprehensive technical comparison between Vue and React, covering their programming and view styles, component models, routing solutions, state‑management libraries, basic feature differences, reactivity mechanisms, lifecycle hooks and side‑effect handling, with illustrative code examples.

ComponentReActReactivity
0 likes · 15 min read
Vue vs React: Programming Styles, View Syntax, Components, Routing, State Management, Reactivity and Lifecycle Comparison
Bitu Technology
Bitu Technology
Apr 7, 2023 · Cloud Native

Managing Kubernetes Resource Manifests with Kustomize: Aggregation, Overlays, and Components

This article explains how Tubi’s engineering team uses Kustomize to simplify and scale Kubernetes Resource Manifest management by aggregating resources, applying patches, organizing bases and overlays, and leveraging reusable components to reduce duplication and improve maintainability across clusters and namespaces.

ComponentKubernetesKustomize
0 likes · 15 min read
Managing Kubernetes Resource Manifests with Kustomize: Aggregation, Overlays, and Components
We-Design
We-Design
Mar 30, 2023 · Frontend Development

How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration

This article explains how to map design tokens—style, component, template, and file tokens—to appropriate carriers in Figma and Sketch, covering token categories, multi‑mode and multi‑business handling, component token strategies, property naming conventions, handoff methods, and version management.

ComponentFigmaSketch
0 likes · 20 min read
How to Implement Design Tokens in Figma and Sketch for Seamless Dev Collaboration
政采云技术
政采云技术
Feb 28, 2023 · Frontend Development

Uni‑App Black Magic: Overriding Built‑in HTML and SVG Tags

This article explains how to rewrite built‑in HTML and SVG tags in a uni‑app project by overriding Vue's internal tag‑resolution methods, providing step‑by‑step code examples for button and image components and discussing the underlying Vue and webpack mechanisms.

ComponentVuecustom-element
0 likes · 13 min read
Uni‑App Black Magic: Overriding Built‑in HTML and SVG Tags
Sohu Tech Products
Sohu Tech Products
Jan 18, 2023 · Frontend Development

ProTable Component Documentation and Usage Guide

This article provides a comprehensive guide to the ProTable Vue component, detailing its features, configuration options, hooks, code implementation, and usage examples, including table rendering, search forms, pagination, custom slots, and data handling for frontend development.

ComponentElement PlusHooks
0 likes · 28 min read
ProTable Component Documentation and Usage Guide
Zhengtong Technical Team
Zhengtong Technical Team
Dec 30, 2022 · Frontend Development

Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform

This article explains how the Wukong low‑code visual platform implements component drag‑and‑drop, covering material‑to‑canvas dragging, intra‑canvas movement, resizing via eight handles, alignment guide generation, performance optimizations using CSS transforms, and component encapsulation with Vue 3.

ComponentDrag-and-DropVue3
0 likes · 14 min read
Implementation of Component Drag‑and‑Drop in the Wukong Low‑Code Visual Platform
Shepherd Advanced Notes
Shepherd Advanced Notes
Sep 15, 2022 · Backend Development

Understanding the Difference Between @Configuration and @Component in Spring

This article explains how Spring treats @Component and @Configuration annotations, distinguishes their LITE and FULL modes, demonstrates the proxy behavior with concrete code examples, and details the role of ConfigurationClassPostProcessor and CGLIB enhancement in implementing FULL configuration.

ComponentConfigurationDependencyInjection
0 likes · 15 min read
Understanding the Difference Between @Configuration and @Component in Spring
HomeTech
HomeTech
Sep 6, 2022 · Frontend Development

Building a Reusable Vue Table Component with Pagination and Loading

This article explains how to create a reusable Vue component called PageTable that encapsulates Element UI table and pagination with built-in loading handling, data fetching via a parent-provided fetchData method, and slot-based column customization.

ComponentElement UIVue
0 likes · 6 min read
Building a Reusable Vue Table Component with Pagination and Loading
Java Architect Essentials
Java Architect Essentials
Jul 10, 2022 · Backend Development

Why @Configuration + @Bean Overrides @Component in Spring Boot and How Bean Definition Overriding Evolved

This article explains why, in Spring Boot 2.0.3, a bean defined with @Configuration + @Bean replaces a @Component‑annotated bean of the same type, shows how to verify which bean is instantiated, and describes the framework’s evolution—including the allowBeanDefinitionOverriding setting—that gives developers control over bean overriding behavior.

Bean OverridingComponentJava
0 likes · 7 min read
Why @Configuration + @Bean Overrides @Component in Spring Boot and How Bean Definition Overriding Evolved
Programmer DD
Programmer DD
Jul 6, 2022 · Backend Development

Why Does Spring Create Two UserManager Beans? Uncovering @Configuration vs @Component Behavior

This article explains why a Spring Boot application can end up with two UserManager beans—one from @Configuration + @Bean and another from @Component—by analyzing bean definition overriding, the role of ConfigurationClassPostProcessor, and the impact of the allowBeanDefinitionOverriding setting across Spring versions.

Backend DevelopmentBean OverridingComponent
0 likes · 9 min read
Why Does Spring Create Two UserManager Beans? Uncovering @Configuration vs @Component Behavior
IT Architects Alliance
IT Architects Alliance
May 30, 2022 · R&D Management

From Machine Code to Modern Systems: A Deep Dive into Software Architecture

This article traces the evolution of software development—from machine language and assembly to high‑level languages—explores the two software crises, explains why software architecture emerged, and clarifies core concepts such as systems, subsystems, modules, components, frameworks, and architecture itself.

ComponentSoftware ArchitectureSoftware engineering
0 likes · 13 min read
From Machine Code to Modern Systems: A Deep Dive into Software Architecture
Java Backend Technology
Java Backend Technology
Mar 18, 2022 · Backend Development

Why @Configuration @Bean Overrides @Component in Spring Boot 2.0.3

An in‑depth analysis shows that in Spring Boot 2.0.3 a @Configuration class defining a @Bean can override a @Component‑annotated bean of the same type, how the Spring container registers and replaces the bean definitions, and the evolution of bean‑overriding controls in later Spring and Spring Boot releases.

Backend DevelopmentBean OverridingComponent
0 likes · 8 min read
Why @Configuration @Bean Overrides @Component in Spring Boot 2.0.3
Full-Stack Trendsetter
Full-Stack Trendsetter
Oct 20, 2021 · Frontend Development

Why Vue Component data Must Be a Function, Not an Object

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.

@DataComponentFunction
0 likes · 4 min read
Why Vue Component data Must Be a Function, Not an Object
IT Architects Alliance
IT Architects Alliance
Jun 30, 2021 · Fundamentals

Understanding Software Architecture: Systems, Subsystems, Modules, Components, Frameworks, and Architecture

This article explains the fundamental concepts of software architecture—including systems, subsystems, modules, components, frameworks, and architecture itself—by defining each term, illustrating their relationships with real‑world examples, and clarifying common misconceptions for technical professionals.

ComponentSoftware ArchitectureSystem Design
0 likes · 10 min read
Understanding Software Architecture: Systems, Subsystems, Modules, Components, Frameworks, and Architecture
IT Architects Alliance
IT Architects Alliance
May 23, 2021 · Fundamentals

Understanding Software Architecture: History, Concepts, and Definitions

This article explains the evolution of software development from machine language to high‑level languages, describes the two software crises and the emergence of structured, object‑oriented, and component‑based design, and clarifies key architectural concepts such as systems, subsystems, modules, components, frameworks, and architecture itself.

ComponentSoftware ArchitectureSoftware engineering
0 likes · 11 min read
Understanding Software Architecture: History, Concepts, and Definitions
ByteDance Web Infra
ByteDance Web Infra
May 22, 2021 · Frontend Development

Understanding JSX in Vue 3: Concepts, Benefits, and Performance

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.

BabelComponentJSX
0 likes · 13 min read
Understanding JSX in Vue 3: Concepts, Benefits, and Performance
IT Architects Alliance
IT Architects Alliance
Apr 25, 2021 · Fundamentals

What Is Software Architecture? History, Concepts, and Why It Matters

This article traces the evolution from machine code to high‑level languages, explains the two software crises, defines system, subsystem, module, component and framework, and clarifies the true purpose and goals of software architecture for modern developers.

ComponentSoftware ArchitectureSoftware engineering
0 likes · 12 min read
What Is Software Architecture? History, Concepts, and Why It Matters
Architects' Tech Alliance
Architects' Tech Alliance
Apr 3, 2021 · Fundamentals

Understanding Software Architecture: History, Concepts, and Definitions

This article explores the evolution of software development from machine language to high‑level languages, explains the two software crises, and defines software architecture by distinguishing systems, subsystems, modules, components, and frameworks, emphasizing architecture as a top‑level structural solution for managing complexity.

ComponentSoftware ArchitectureSoftware engineering
0 likes · 11 min read
Understanding Software Architecture: History, Concepts, and Definitions
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 1, 2021 · Frontend Development

Can One Toolchain Simplify Multi‑Platform Business Component Development?

This article examines the evolution of front‑end component reuse, identifies the fragmented toolchains and duplicated packages that hinder efficient business component development across PC, mobile and mini‑programs, and presents a unified fusion package built with vdev that streamlines building, debugging, and publishing while reducing developer overhead.

Componentdevelopmentfrontend
0 likes · 20 min read
Can One Toolchain Simplify Multi‑Platform Business Component Development?
Beike Product & Technology
Beike Product & Technology
Dec 10, 2020 · Frontend Development

Understanding KEMIS: Declarative JSON Configuration for MIS Page Development

This article explains how the KEMIS framework provides a universal, declarative JSON‑based solution for building Management Information System (MIS) pages, covering component declaration, data fetching via initApi and api, variable resolution, expression‑based attributes, and custom component registration with React examples.

ComponentDataBindingKEMIS
0 likes · 13 min read
Understanding KEMIS: Declarative JSON Configuration for MIS Page Development
Alibaba Cloud Developer
Alibaba Cloud Developer
Nov 24, 2020 · Fundamentals

Why Classification Thinking Is the Core of Application Architecture

This article explains how classification thinking—organizing software into modules, components, and packages—forms the foundation of application architecture, illustrates the COLA framework’s evolution, and shows how proper layering and domain‑oriented packaging improve maintainability and scalability.

COLAComponentPackage
0 likes · 15 min read
Why Classification Thinking Is the Core of Application Architecture
Taobao Frontend Technology
Taobao Frontend Technology
Oct 30, 2020 · Frontend Development

Mastering Material‑Driven Frontend Development with Iceworks

This article explains how front‑end “materials” – from basic components and business components to blocks, pages and full applications – are organized, developed, packaged, published, and consumed using the Iceworks CLI and VS Code integration, providing a complete workflow for reusable UI assets.

ComponentUIdevelopment
0 likes · 16 min read
Mastering Material‑Driven Frontend Development with Iceworks
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Oct 30, 2020 · Frontend Development

Building a Declarative, Component‑Based Tracking System with Buffer Queues in React

This article analyzes the challenges of front‑end event tracking, compares existing manual, visual, and full‑tracking solutions, and presents a declarative component architecture with a buffered queue that decouples tracking logic from business code while handling click and exposure events efficiently in React.

Buffer QueueComponentIntersectionObserver
0 likes · 12 min read
Building a Declarative, Component‑Based Tracking System with Buffer Queues in React
Sohu Tech Products
Sohu Tech Products
Oct 14, 2020 · Game Development

Understanding Nodes, Components, and Rendering Pipelines in Cocos Creator

This article provides an in‑depth overview of Cocos Creator's node‑component architecture, covering node creation, hierarchy, spatial properties, touch event flow, and the detailed Visit and Render processes that transform component data into WebGL graphics for game development.

Cocos CreatorComponentGame Development
0 likes · 16 min read
Understanding Nodes, Components, and Rendering Pipelines in Cocos Creator
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.

ComponentVuecss-variables
0 likes · 16 min read
Adaptive Grid Layout Solutions for Management Backend Pages
政采云技术
政采云技术
Jul 19, 2020 · Frontend Development

Developing Cross‑Framework UI Components with Native JavaScript and Iframe Containers

This article explains how to design and implement reusable UI components that work across jQuery, React, and Vue by using a native‑JS container, iframe isolation, and communication techniques such as domain sharing, postMessage alternatives, and Nginx proxying, while providing code examples and practical tips.

Componentcross‑frameworkfrontend
0 likes · 12 min read
Developing Cross‑Framework UI Components with Native JavaScript and Iframe Containers
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.

ComponentHTML5Vue
0 likes · 18 min read
Development and Implementation of the NutUI Video Component for Mobile Web
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Apr 24, 2020 · Frontend Development

How Vue Transforms a .vue Component into a VNode

This article explains step by step how Vue.js converts a .vue component file into a virtual DOM node by using Vue.extend, createComponent, installComponentHooks, and the VNode constructor, illustrated with real source code snippets and detailed commentary.

Componentfrontendrender
0 likes · 12 min read
How Vue Transforms a .vue Component into a VNode
政采云技术
政采云技术
Apr 12, 2020 · Frontend Development

Frontend Building System: Architecture, Deployment, and JSON Schema Practices

This article introduces a frontend building system covering its motivation, business scenarios, core modules, architecture diagram, deployment strategy, JSON Schema usage, data configuration, and visualisation, while also sharing the speaker's background and recruitment information for the team.

ComponentJSON schemaengineering
0 likes · 11 min read
Frontend Building System: Architecture, Deployment, and JSON Schema Practices
政采云技术
政采云技术
Nov 13, 2019 · Frontend Development

Unlock Vue’s Slot System: From Default Slots to Advanced v-slot Techniques

This article provides a comprehensive guide to Vue’s slot mechanism, covering default slots, named slots, and scoped slots, explains the new v-slot syntax introduced in Vue 2.6, demonstrates practical component implementations with code examples, and highlights important considerations and advanced extensions.

ComponentSlotVue
0 likes · 12 min read
Unlock Vue’s Slot System: From Default Slots to Advanced v-slot Techniques
Java Captain
Java Captain
Aug 17, 2019 · Frontend Development

Designing Permission Control in a Front‑End/Back‑End Separated Architecture

This article explains how permission control is re‑thought for front‑end/back‑end separated systems, defining resources and permissions, outlining the distinct responsibilities of the front‑end and back‑end, and providing concrete implementation examples with component‑level checks and server‑side interceptors.

ComponentJavaPermission control
0 likes · 6 min read
Designing Permission Control in a Front‑End/Back‑End Separated Architecture
Qunar Tech Salon
Qunar Tech Salon
Jun 4, 2019 · Mobile Development

Litho: Facebook’s Declarative Android UI Framework – Overview, Usage, and Principles

Litho is a Facebook‑originated declarative framework for building high‑performance Android UI, replacing XML layouts with component‑based code, leveraging Yoga for async layout, flattening view hierarchies, and offering fine‑grained reuse to dramatically improve RecyclerView scrolling speed and memory consumption.

AndroidComponentDeclarative UI
0 likes · 17 min read
Litho: Facebook’s Declarative Android UI Framework – Overview, Usage, and Principles
Didi Tech
Didi Tech
Jun 1, 2019 · Frontend Development

Cross‑Platform Development of Qingju Bike Mini‑Program Using the Chameleon Framework

The case study shows how Qingju Bike’s high‑traffic bike‑sharing mini‑program was built with the Chameleon cross‑platform framework, delivering consistent UI across WeChat, Alipay and other entry points, meeting strict performance and security demands while cutting development time by half and simplifying maintenance.

ChameleonComponentMini-Program
0 likes · 17 min read
Cross‑Platform Development of Qingju Bike Mini‑Program Using the Chameleon Framework
MaoDou Frontend Team
MaoDou Frontend Team
Dec 7, 2018 · Frontend Development

Unlock Vue-Awesome-Swiper: Essential Settings for 3D Carousel Effects

This guide walks through using vue-awesome-swiper in Vue projects, covering version differences, required CSS imports, component setup, and key configuration options such as slidesPerView, centeredSlides, and the coverflow effect, plus progress callbacks and code snippets for dynamic flash‑sale carousels.

CarouselComponentJavaScript
0 likes · 5 min read
Unlock Vue-Awesome-Swiper: Essential Settings for 3D Carousel Effects
Ctrip Technology
Ctrip Technology
Dec 6, 2018 · Frontend Development

Implementing Lazy Loading in React: Techniques, Components, and Higher‑Order Functions

This article explains why lazy loading is needed for React front‑end projects, demonstrates several code‑first implementations—including a custom LazyComponent, prop‑forwarding tricks, and a higher‑order lazy() function—showing how to improve first‑screen rendering while handling state updates correctly.

Code SplittingComponentReAct
0 likes · 7 min read
Implementing Lazy Loading in React: Techniques, Components, and Higher‑Order Functions
360 Tech Engineering
360 Tech Engineering
Oct 15, 2018 · Frontend Development

Mastering Front‑End Frameworks: Prioritizing Features Over Syntax

This article uses a sword metaphor to explain why front‑end engineers should focus on the underlying features of frameworks—such as declarative, data‑driven rendering and component architecture—rather than getting trapped by syntax differences, helping beginners and experienced developers choose and transition between stacks more effectively.

ComponentData-Drivenbest practices
0 likes · 12 min read
Mastering Front‑End Frameworks: Prioritizing Features Over Syntax
21CTO
21CTO
Sep 21, 2018 · Frontend Development

Mastering React’s New Lifecycle Methods: A Complete Guide

This article explains how React 16 introduced new lifecycle methods, phased component lifecycles, deprecation of old methods with UNSAFE_ prefixes, error handling, and provides practical examples and best‑practice recommendations for building robust React components.

ComponentError handlingLifecycle
0 likes · 10 min read
Mastering React’s New Lifecycle Methods: A Complete Guide
Qunar Tech Salon
Qunar Tech Salon
Jul 17, 2018 · Frontend Development

Adapting WeChat Mini Program Component Model to the React Paradigm

This article examines the challenges of using WeChat Mini Programs, proposes a React‑style component architecture by mapping Mini Program concepts such as Component, Page, and App to React's state, lifecycle, and JSX, and provides concrete code examples for definition, lifecycle handling, styling, templating, and configuration.

ComponentJavaScriptReAct
0 likes · 6 min read
Adapting WeChat Mini Program Component Model to the React Paradigm
JD Tech
JD Tech
Apr 3, 2018 · Frontend Development

Implementing a Mobile Drag‑and‑Drop Component with Vue

This article explains how to build a reusable Vue component for mobile drag‑and‑drop, covering Vue's advantages, component structure, touch‑event handling, data‑driven updates, optimization techniques, and differences between mobile and PC implementations, with complete code examples.

ComponentDrag-and-DropTouch Events
0 likes · 10 min read
Implementing a Mobile Drag‑and‑Drop Component with Vue
Baixing.com Technical Team
Baixing.com Technical Team
Aug 28, 2017 · Frontend Development

Updated Vue.js Form Example: Corrected Code for External Elements

A correction notice clarifies that the previous Vue.js form configuration article contained an error in the 'Implementation – External Elements' section, providing the updated HTML snippet and explaining that Vue.js slots should be used as child elements within components, with an apology to readers.

ComponentFormHTML
0 likes · 2 min read
Updated Vue.js Form Example: Corrected Code for External Elements
Aotu Lab
Aotu Lab
Jul 21, 2017 · Frontend Development

How We Built a Scalable Vue.js Ecosystem for JD Kids Platform

This article details the challenges of integrating dozens of APIs, complex UI interactions, and rapid multi‑version releases in a JD Kids shopping ecosystem, and explains how Vue, Vuex, Webpack, and a series of custom mixins, routing tricks, and constant management strategies were used to create a maintainable, high‑performance single‑page application.

ComponentMixinSPA
0 likes · 16 min read
How We Built a Scalable Vue.js Ecosystem for JD Kids Platform
Baidu Intelligent Testing
Baidu Intelligent Testing
Sep 28, 2016 · Mobile Development

Security Checklist for Android Component Communication

This article outlines essential security checks for Android components—including Activity, WebView, BroadcastReceiver, Service, and ContentProvider—highlighting common vulnerabilities such as exported components, SSL handling, saved passwords, implicit intents, and unsafe broadcast APIs, and provides practical code examples and mitigation steps.

AndroidBroadcastReceiverComponent
0 likes · 7 min read
Security Checklist for Android Component Communication
Architecture Digest
Architecture Digest
Jun 8, 2016 · Frontend Development

Introduction to ReactJS: Virtual DOM, Component Architecture, and Practical Code Examples

This article provides a comprehensive overview of ReactJS, covering its origin, virtual DOM performance benefits, component-based architecture, JSX syntax, setup instructions, and multiple code examples that illustrate rendering, state management, lifecycle methods, and component nesting for modern front‑end development.

ComponentJSXReactJS
0 likes · 15 min read
Introduction to ReactJS: Virtual DOM, Component Architecture, and Practical Code Examples