BestHub
Sign in
Tagged articles
45 articles
Page 1 of 1
Woodpecker Software Testing
Woodpecker Software Testing
Dec 23, 2025 · Mobile Development

Ultimate Apache Weex UX Testing Guide: 10 Key Metrics and Optimization Tips

This article explains how to evaluate and improve Apache Weex applications by using built‑in performance monitors, defining essential metrics such as first‑screen render time and interaction latency, and applying ten practical testing and optimization techniques for both iOS and Android platforms.

AndroidMobile DevelopmentPerformance Monitoring
0 likes · 7 min read
Ultimate Apache Weex UX Testing Guide: 10 Key Metrics and Optimization Tips
DaTaobao Tech
DaTaobao Tech
Sep 10, 2025 · Frontend Development

How AI Cut Front‑End Development Time by 60% in Alibaba’s Giraffe Search

This article details how the author transformed a constrained Weex/Muise front‑end project for the “giraffe” search page into an AI‑driven workflow, building a structured knowledge base, defining project‑level rules, and using RAG techniques to accelerate component, tracking, and payment integration, ultimately reducing development time by 60% and proposing a new “AI programming as context engineering” paradigm.

AIKnowledge BaseMuise
0 likes · 14 min read
How AI Cut Front‑End Development Time by 60% in Alibaba’s Giraffe Search
DaTaobao Tech
DaTaobao Tech
Aug 18, 2025 · Frontend Development

Mastering Complex Drag-and-Drop for Shopping Cart UI

This article provides an in‑depth technical walkthrough of the iCart shopping‑cart drag‑and‑drop feature, detailing the architecture, grouping rules, collision handling, non‑droppable logic, hover calculations, placement callbacks, performance optimizations, and future improvements for a smooth, stable user experience.

Drag-and-DropShopping CartWeex
0 likes · 17 min read
Mastering Complex Drag-and-Drop for Shopping Cart UI
DaTaobao Tech
DaTaobao Tech
Feb 14, 2025 · Mobile Development

Resolving SurfaceView Flash Black Issues in Taobao Shopping Cart with Hybrid Architecture

The black‑flash in Taobao’s shopping‑cart tab occurs because SurfaceView’s independent surface is destroyed during fragment removal or activity switches, and four remedies are offered: keep the fragment alive with show/hide, capture and display a screenshot, toggle between ImageView and SurfaceView via Weex APIs, or convert SurfaceView to TextureView temporarily, each with performance, memory, and latency trade‑offs.

AndroidFragmentSurfaceView
0 likes · 10 min read
Resolving SurfaceView Flash Black Issues in Taobao Shopping Cart with Hybrid Architecture
DaTaobao Tech
DaTaobao Tech
Feb 10, 2025 · Mobile Development

Exploring Taobao Transaction Terminal Hybrid Architecture and Performance Optimization

The article presents a hybrid native‑container/Weex 2.0 architecture for Taobao’s transaction terminal that tackles native development inefficiencies by using configuration‑driven modules for container, instance, data, resource, and logic management, achieving up to 70% latency reduction and outlining rollout and future optimization plans.

Hybrid ArchitectureMobile DevelopmentTaobao
0 likes · 17 min read
Exploring Taobao Transaction Terminal Hybrid Architecture and Performance Optimization
DaTaobao Tech
DaTaobao Tech
Jan 15, 2025 · Mobile Development

How AI Transformed Taobao’s Post‑Purchase Info‑Flow Across Android, iOS, and Weex

Facing the challenge of maintaining four codebases for Taobao’s post‑purchase information flow, the team leveraged AI‑driven code generation, prompt engineering, and RAG to automate template conversion from DX to Weex, dramatically cutting development cycles, reducing manual effort, and improving monitoring and stability across Android, iOS, and HarmonyOS.

AICode GenerationCross‑platform development
0 likes · 20 min read
How AI Transformed Taobao’s Post‑Purchase Info‑Flow Across Android, iOS, and Weex
DaTaobao Tech
DaTaobao Tech
Dec 23, 2024 · Frontend Development

Optimizing Horizontal Swipe Interaction in Weex Shopping Cart

The article chronicles the evolution of horizontal swipe handling in a Weex shopping‑cart component—from laggy CSS animations to a refined BindingX implementation that adds follow‑finger motion, mutual exclusion, velocity‑based thresholds, and edge‑case fixes—demonstrating practical front‑end optimizations for fast, interactive long‑list item management.

BindingXShopping CartWeex
0 likes · 10 min read
Optimizing Horizontal Swipe Interaction in Weex Shopping Cart
DaTaobao Tech
DaTaobao Tech
Jan 16, 2023 · Frontend Development

Technical Overview of Alibaba's Taobao Web Engineering and Product Landscape

In 2022 Taobao’s front‑end team was reorganized into business‑line groups plus a central “big front‑end” unit, establishing a three‑layer map—Engineering, R&D, Application—and delivering platforms such as O2, JSTracker, PHA, Weex 2.0, ICE, Midway, low‑code builders, and consumer and back‑office apps, thereby unifying tooling, strengthening the technical ecosystem, and ensuring continuous engineering excellence.

AlibabaFront-endNoslate
0 likes · 21 min read
Technical Overview of Alibaba's Taobao Web Engineering and Product Landscape
ITPUB
ITPUB
Jun 23, 2022 · Mobile Development

Flutter vs React Native vs Weex vs H5: Architecture, Performance, and Optimization

This article examines the four popular cross‑platform technologies—Flutter, React Native, Weex, and H5—by detailing their architectural layers, compilation models, rendering pipelines, typical performance bottlenecks, and practical optimization techniques, and offers guidance on selecting the most suitable stack for a given project.

FlutterH5Mobile Development
0 likes · 16 min read
Flutter vs React Native vs Weex vs H5: Architecture, Performance, and Optimization
JD Tech
JD Tech
Jun 9, 2022 · Mobile Development

Comparative Analysis of Cross‑Platform Mobile Development Technologies: Flutter, React Native, Weex, and H5

This article systematically examines the characteristics, architecture, compilation principles, rendering processes, and common performance issues of four popular cross‑platform mobile technologies—Flutter, React Native, Weex, and H5—offering guidance on technical selection and optimization strategies.

FlutterMobile DevelopmentPerformance Optimization
0 likes · 16 min read
Comparative Analysis of Cross‑Platform Mobile Development Technologies: Flutter, React Native, Weex, and H5
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 17, 2022 · Frontend Development

Unlocking Taobao’s New Widget Open‑Card Tech: A Front‑End Revolution

This article chronicles the evolution of Taobao’s open‑card technology from page‑level mini‑programs to the new module‑level “widget” system, detailing its architecture, developer workflow, real‑world Double 11 deployments, technical challenges, and future roadmap for enhancing e‑commerce front‑end experiences.

Open PlatformTaobaoWeex
0 likes · 15 min read
Unlocking Taobao’s New Widget Open‑Card Tech: A Front‑End Revolution
Xianyu Technology
Xianyu Technology
Dec 10, 2020 · Frontend Development

Implementation of a New Share Component for Xianyu's Huaiwan Community

A new share component was built for Xianyu’s Huaiwan community, replacing the product‑centric share function with a hybrid Weex‑based page, a JSBridge API, and a universal‑link return flow, enabling poster‑style image collages, modular UI assembly, and improved engagement and development efficiency.

Weeximage collageshare component
0 likes · 6 min read
Implementation of a New Share Component for Xianyu's Huaiwan Community
Xianyu Technology
Xianyu Technology
Oct 22, 2020 · Frontend Development

Optimizing Weex Frontend Performance for Xianyu

To eliminate Xianyu’s Weex pages’ long white-screen delays, the team identified large bundles, slow first-screen data requests, and heavy UI as root causes and applied offline bundle caching, data prefetching, progressive and on-demand rendering, and bundle slimming, cutting first-screen load to under two seconds on low-end phones and achieving near-instant display on higher-end devices.

Weexfrontendperformance
0 likes · 9 min read
Optimizing Weex Frontend Performance for Xianyu
Youzan Coder
Youzan Coder
Oct 16, 2020 · Mobile Development

ZanWeexModuleSDK: A General Solution for Native-Weex Interaction at Youzan

ZanWeexModuleSDK provides a unified solution for native-Weex interaction across Youzan apps, consolidating common modules like network, routing, config, logging, notifications, tracking, and account, allowing developers to focus on Weex code while handling custom logic via a manager and standardized callbacks.

AndroidNative-JS InteractionSDK design
0 likes · 12 min read
ZanWeexModuleSDK: A General Solution for Native-Weex Interaction at Youzan
Youku Technology
Youku Technology
Sep 25, 2020 · Frontend Development

How Weex Revolutionized OTT Front‑End Performance at Alibaba Entertainment

This article examines Alibaba Entertainment's three‑stage evolution of OTT front‑end technology—from early WebView implementations through a custom Blitz engine to the current Weex (RAX) solution—detailing implementation steps, performance‑boosting techniques, and measurable results that cut page load times by over 50%.

AlibabaCustom EngineFront-end
0 likes · 5 min read
How Weex Revolutionized OTT Front‑End Performance at Alibaba Entertainment
Suning Technology
Suning Technology
Aug 18, 2020 · Frontend Development

How Suning’s Front‑End Architecture Powers the 818 Mega‑Sale

This article details Suning’s comprehensive front‑end strategy for the 818 shopping festival, covering Node.js‑based release workflows, the no‑code Titan platform with Weex, a multi‑platform mini‑program system, and a Pixi.js game engine that together boost performance, flexibility, and developer efficiency.

Mini ProgramNo-codeNode.js
0 likes · 7 min read
How Suning’s Front‑End Architecture Powers the 818 Mega‑Sale
Youzan Coder
Youzan Coder
Jul 31, 2020 · Mobile Development

Dynamic Message Card Architecture for Mobile Apps Using Weex

The article describes how Youzan Mobile replaces its native, labor‑intensive message‑card system with a lightweight Weex container embedded in native MVVM tables, enabling hot‑reloaded, dynamic cards that can be added or updated without app releases, dramatically shortening development cycles and improving performance.

AndroidDynamic UIMobile Development
0 likes · 12 min read
Dynamic Message Card Architecture for Mobile Apps Using Weex
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
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jul 13, 2020 · Mobile Development

How WYBridge Unifies Bridge APIs Across React Native, Flutter, Weex, and Web

WYBridge provides a unified bridge layer for multiple cross‑platform containers—React Native, Flutter, Weex, and Web—standardizing API definitions, registration, parsing, and invocation across Android and iOS, while offering compatibility solutions for legacy method calls and detailing implementation specifics for each platform.

AndroidFlutterReact Native
0 likes · 24 min read
How WYBridge Unifies Bridge APIs Across React Native, Flutter, Weex, and Web
Youzan Coder
Youzan Coder
Dec 23, 2019 · Mobile Development

Mobile Infrastructure Construction and Practices at Youzan

Youzan’s mobile infrastructure combines enforced pre‑release processes, unified permission workflows, cross‑platform Zan Weex and emerging Flutter support, dynamic configuration, robust CI, logging, testing, and shared component libraries to deliver efficient, high‑quality, gray‑/conditional‑/full releases while fostering collaboration across its mobile development teams.

FlutterInfrastructureWeex
0 likes · 16 min read
Mobile Infrastructure Construction and Practices at Youzan
政采云技术
政采云技术
Nov 3, 2019 · Frontend Development

Insights from a Frontend Team Growth Talk: Foundations, Core Factors, and Highlights

The article shares Winter's presentation on building a high‑quality, efficient frontend team, covering demand models, toolchains, continuous integration, reusable architecture, business value, data‑driven thinking, and the Weex innovation case, while also providing recruitment information for the ZooTeam.

Software EngineeringToolchainWeex
0 likes · 15 min read
Insights from a Frontend Team Growth Talk: Foundations, Core Factors, and Highlights
58 Tech
58 Tech
Oct 30, 2019 · Mobile Development

Dynamic Feature Deployment for iOS Apps: NJCS Architecture and Implementation

This article explains the need for rapid iOS feature updates without re‑submission, defines dynamic feature deployment, compares existing solutions, and details the design, architecture, code examples, and security controls of the NJCS lightweight Objective‑C runtime‑based dynamic deployment framework.

Mobile DevelopmentNJCSObjective-C Runtime
0 likes · 10 min read
Dynamic Feature Deployment for iOS Apps: NJCS Architecture and Implementation
Alibaba Cloud Developer
Alibaba Cloud Developer
Sep 20, 2019 · Frontend Development

How Alibaba’s OnePlayer Powers Immersive Dual‑Screen Playback for “The Longest Day in Chang’an”

This article explains the technical architecture behind the “Cool‑Watch” mode used in the series “The Longest Day in Chang’an”, detailing the OnePlayer framework, plugin‑based design, dynamic UI rendering with Weex, dual‑screen layout, and multi‑stream synchronization techniques that enable interactive, high‑quality video experiences.

OnePlayerWeexdual screen
0 likes · 13 min read
How Alibaba’s OnePlayer Powers Immersive Dual‑Screen Playback for “The Longest Day in Chang’an”
Youku Technology
Youku Technology
Sep 17, 2019 · Frontend Development

Technical Deep Dive of the “Cool Watch” Mode Behind “The Longest Day in Chang’an”: Player Framework, Dynamic Rendering, and Multi‑Screen Synchronization

Alibaba Entertainment’s technical deep‑dive reveals how the “Cool Watch” mode for “The Longest Day in Chang’an” combines a plugin‑based player framework, dynamic Weex UI rendering, parent‑child screen architecture, and dual‑stream frame‑level synchronization—augmented by AI‑driven high‑resolution playback and anti‑theft linking—to deliver an immersive, multi‑screen interactive experience across Youku.

Weexdynamic renderingmobile video
0 likes · 14 min read
Technical Deep Dive of the “Cool Watch” Mode Behind “The Longest Day in Chang’an”: Player Framework, Dynamic Rendering, and Multi‑Screen Synchronization
Xianyu Technology
Xianyu Technology
Aug 7, 2019 · Artificial Intelligence

Weex Page Mocking with Puppeteer for Large‑Scale UI Sample Generation

To solve the shortage of annotated UI data for UI2CODE, the team uses Puppeteer to load Weex pages, traverses the DOM to gather text and image elements, records their styles and positions, screenshots the page, and repeatedly swaps content, automatically generating thousands of realistic, labeled UI samples from a few hundred templates, greatly cutting manual labeling effort and boosting model accuracy.

PuppeteerSynthetic SamplesUI automation
0 likes · 8 min read
Weex Page Mocking with Puppeteer for Large‑Scale UI Sample Generation
WeDoctor Frontend Technology
WeDoctor Frontend Technology
May 29, 2019 · Frontend Development

Highlights from WeDoctor’s Frontend Tech Salon: SSR, Node.js, NW.js & Weex

The May 25 WeDoctor Frontend Tech Salon, themed “Boundless,” gathered over 30 external companies and 100 internal participants to explore server‑side rendering, desktop and cross‑platform front‑end development through six technical talks covering Vue SSR, Node.js micro‑services, exception monitoring, NW.js, WebView integration, and Weex implementation.

MicroservicesNW.jsSSR
0 likes · 5 min read
Highlights from WeDoctor’s Frontend Tech Salon: SSR, Node.js, NW.js & Weex
Beike Product & Technology
Beike Product & Technology
Jan 17, 2019 · Frontend Development

Boost Mobile App Performance: A Hands‑On Journey with Weex

This article details a two‑month exploration of the Weex framework, covering its architecture, project scaffolding, build commands, demo implementation, environment configuration, caching strategies, native bridging, and a concise comparison with React Native and Flutter to demonstrate its suitability for cross‑platform front‑end development.

MobileWeexbridge
0 likes · 12 min read
Boost Mobile App Performance: A Hands‑On Journey with Weex
Xianyu Technology
Xianyu Technology
Nov 14, 2018 · Mobile Development

Building a Face‑Recognition Meme Generator with Python and Weex

This guide shows how to create a face‑recognition meme generator by capturing photos with Weex’s WindVane module, sending them to a lightweight Python HTTP server that uses dlib for landmark detection, alignment, masking and tone correction, and accelerating the process with loky multiprocessing and image down‑sampling.

Meme GeneratorPythonWeb Development
0 likes · 9 min read
Building a Face‑Recognition Meme Generator with Python and Weex
Youzan Coder
Youzan Coder
Oct 26, 2018 · Mobile Development

Why Weex Became Our Mobile Development Choice: A Practical Guide

An in‑depth look at Weex, Alibaba’s open‑source cross‑platform mobile framework, covering its architecture, key features, why Youzan chose it, the development toolkit, SDK capabilities, practical page‑development tips, build and release workflow, common issues, and future enhancements.

FrameworkHot ReloadingMobile Development
0 likes · 15 min read
Why Weex Became Our Mobile Development Choice: A Practical Guide
Alibaba Cloud Developer
Alibaba Cloud Developer
Jan 9, 2018 · Frontend Development

How Weex Powered Youku’s Double‑11 Live Stream: Architecture, Challenges & Solutions

This article details how Youku rebuilt its Double‑11 live‑streaming platform with Weex, covering the overall architecture, component modularization, interactive feature support, gesture conflict resolution, screen‑rotation handling, video corner rendering, performance optimizations, and the impressive results achieved during the event.

AndroidComponentizationWeex
0 likes · 14 min read
How Weex Powered Youku’s Double‑11 Live Stream: Architecture, Challenges & Solutions
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jun 13, 2017 · Frontend Development

Mastering Weex Build: Dual Configurations for Web and Native

This article walks through the practical differences and best‑practice setups for building Weex applications on web and native platforms, covering webpack configurations, preprocessors, style quirks, navigation, data passing, image handling, incremental updates, and production tips.

Build configurationVueWeex
0 likes · 10 min read
Mastering Weex Build: Dual Configurations for Web and Native
Qunar Tech Salon
Qunar Tech Salon
Dec 14, 2016 · Mobile Development

Cross‑Platform ListView Performance Optimization in React Native and Weex

This talk explains how Qunar’s engineering team analyzed the performance bottlenecks of React Native’s ListView, compared it with native UITableView and Weex implementations, and proposed JavaScript‑based reuse logic and native bridge solutions to improve scrolling efficiency across iOS and Android.

AndroidCross‑PlatformListView
0 likes · 18 min read
Cross‑Platform ListView Performance Optimization in React Native and Weex
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 11, 2016 · Mobile Development

How Weex Powered Alibaba’s Double 11: Architecture, Performance & Scaling

During Alibaba’s 2016 Double 11 shopping festival, the Weex framework was deployed at massive scale, covering over 99% of pages, delivering high‑performance native‑like experiences, supporting complex interactions, ensuring stability through memory management, pre‑loading and extensive testing, while outlining architecture, tooling, and optimization strategies.

AlibabaMobile DevelopmentWeex
0 likes · 22 min read
How Weex Powered Alibaba’s Double 11: Architecture, Performance & Scaling
Alibaba Cloud Developer
Alibaba Cloud Developer
Dec 1, 2016 · Frontend Development

How Alibaba’s Frontend Team Tackled Double‑11’s Extreme Performance Challenges

The talk by Alibaba senior tech expert Shuwen Li reveals how the 2016 Double‑11 front‑end team achieved 100% service capability, second‑level instant experience, VR/3D interaction, visual monitoring, and accessibility through innovations like Wormhole SSR, Weex, HTTP/2, HTTPDNS, and automated pre‑loading, delivering sub‑second page loads and high reliability.

HTTP2Mobile WebPerformance Optimization
0 likes · 8 min read
How Alibaba’s Frontend Team Tackled Double‑11’s Extreme Performance Challenges
Alibaba Cloud Developer
Alibaba Cloud Developer
Nov 12, 2016 · Mobile Development

How Alibaba’s 2016 Double 11 Boosted Mobile Tech with VR, DIVA, and Weex

The 2016 Double 11 event showcased Alibaba's cutting‑edge mobile innovations—including VR shopping via Buy+, the DIVA visual augmentation platform, rapid mobile marketing delivery, and the high‑performance Weex framework—demonstrating how interactive technology can transform large‑scale e‑commerce experiences.

DIVAMobile DevelopmentVR
0 likes · 10 min read
How Alibaba’s 2016 Double 11 Boosted Mobile Tech with VR, DIVA, and Weex
Alibaba Cloud Infrastructure
Alibaba Cloud Infrastructure
Aug 30, 2016 · Mobile Development

Weex Project Overview and Technical Insights from the WOT2016 Mobile Internet Technology Summit

The article summarizes Wu Zhihua's presentation at the WOT2016 summit, detailing the Weex cross‑platform framework, its ecosystem, performance optimizations, competitive advantages, challenges faced during Alibaba's Double‑11 promotion, and the project's future development goals for the next one to two years.

AlibabaMobile DevelopmentPerformance Optimization
0 likes · 11 min read
Weex Project Overview and Technical Insights from the WOT2016 Mobile Internet Technology Summit
Alibaba Cloud Infrastructure
Alibaba Cloud Infrastructure
Apr 28, 2016 · Frontend Development

Weex – Alibaba’s High‑Performance Mobile Front‑End Framework: Architecture, Performance, and Usage

The article introduces Alibaba’s Weex framework, announced at QCon 2016, detailing its motivation, cross‑platform architecture, performance benchmarks, testing strategies, and three deployment modes—full‑page, native component, and H5 component—aimed at balancing performance and dynamic capabilities in mobile development.

AlibabaFrameworkMobile Frontend
0 likes · 8 min read
Weex – Alibaba’s High‑Performance Mobile Front‑End Framework: Architecture, Performance, and Usage
Alibaba Cloud Infrastructure
Alibaba Cloud Infrastructure
Apr 21, 2016 · Mobile Development

Alibaba Mobile Technology: Architecture, Scaling, and Future Trends

The 2016 ATF Alibaba Technology Forum presented a comprehensive overview of Alibaba's mobile e‑commerce platform, detailing massive scale challenges, user‑experience driven innovations, container‑based client architecture, the Weex framework, and future directions such as live video, VR/AR, and high‑performance mobile networking.

AlibabaWeexarchitecture
0 likes · 23 min read
Alibaba Mobile Technology: Architecture, Scaling, and Future Trends
21CTO
21CTO
Dec 15, 2015 · Mobile Development

How Weex Enables Lightweight, High‑Performance Cross‑Platform Mobile UI Development

This article explains Weex's lightweight, extensible, high‑performance architecture, detailing component development, local transformation, client‑side rendering, server deployment, and HTML5 fallback, while showcasing code examples and visual diagrams of its cross‑platform workflow.

Component ArchitectureMobile UIWeex
0 likes · 14 min read
How Weex Enables Lightweight, High‑Performance Cross‑Platform Mobile UI Development