BestHub
Sign in
Tagged articles
300 articles
Page 2 of 3
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 20, 2022 · Frontend Development

Overcoming Webview Limits: When to Choose Web, Native, or Flutter

This article shares the author’s experience designing UC Browser’s next‑generation web container, examining its technical boundaries—such as complex media control, high‑performance long lists, parallax interactions, multi‑tab pages, and modal dialogs—and discusses when web, native, or Flutter solutions are most appropriate.

ContainerMobileWebView
0 likes · 26 min read
Overcoming Webview Limits: When to Choose Web, Native, or Flutter
DeWu Technology
DeWu Technology
Apr 15, 2022 · Mobile Development

CDN Request Performance Optimization for iOS and Android Apps

The Poizon mobile app team reduced iOS and Android CDN request latency by up to 100 ms through adding regional edge nodes, upgrading to TLS 1.3, enabling OCSP stapling, and migrating traffic to HTTP/2, demonstrating that targeted CDN and protocol tweaks can deliver double‑digit performance gains with modest effort.

CDNHTTP2Mobile
0 likes · 16 min read
CDN Request Performance Optimization for iOS and Android Apps
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 14, 2022 · Mobile Development

How Xianyu Optimized Flutter for Ultra‑Smooth Scrolling: Challenges, Tools, and Real‑World Solutions

This article details the performance challenges of Flutter in the Xianyu e‑commerce app, explains the custom PowerScrollView and DynamicX components, describes measurement techniques with devtools and benchmark tools, and provides practical recommendations for achieving fluid scrolling on mobile devices.

MobileOptimizationdynamicx
0 likes · 20 min read
How Xianyu Optimized Flutter for Ultra‑Smooth Scrolling: Challenges, Tools, and Real‑World Solutions
Ctrip Technology
Ctrip Technology
Apr 7, 2022 · Mobile Development

Flutter Rendering Performance Optimization Practices at Ctrip Train Ticket

This article shares the performance optimization techniques used by Ctrip Train Ticket's Flutter team, covering rendering bottlenecks, selective UI refresh with Provider Selector, granular setState usage, ViewModel splitting, widget caching, const usage, RepaintBoundary, isolate off‑loading, long‑list handling and image loading memory management.

MobileOptimizationProvider
0 likes · 20 min read
Flutter Rendering Performance Optimization Practices at Ctrip Train Ticket
Zhuanzhuan Tech
Zhuanzhuan Tech
Mar 30, 2022 · Backend Development

DeepLink Service Architecture and Implementation for Mobile App Promotion

This article explains the concept of DeepLink, its iOS and Android application scenarios, the design of deployment links across versions, the integration of APK Signature Scheme v2, and the caching strategies (Caffeine) used to efficiently serve channel‑specific packages in a backend service.

AndroidCachingDeepLink
0 likes · 11 min read
DeepLink Service Architecture and Implementation for Mobile App Promotion
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 28, 2022 · Backend Development

hyengine: Unifying Mobile Script Execution with JIT and Multi‑Language Support

This article introduces hyengine, a lightweight, high‑performance engine designed to run multiple scripting languages such as JavaScript, WebAssembly, and Python on mobile devices, detailing its architecture, JIT compilation, optimizer passes, memory allocator, garbage collector, and performance benchmarks compared to LLVM and other runtimes.

CompilerGarbage CollectionJIT
0 likes · 36 min read
hyengine: Unifying Mobile Script Execution with JIT and Multi‑Language Support
21CTO
21CTO
Feb 14, 2022 · Information Security

Why Adobe, JetBrains, and Google Are Racing to Patch Critical Vulnerabilities in 2022

Adobe released an emergency patch for a critical Magento zero‑day (CVE‑2022‑24086), JetBrains removed Log4j from the IntelliJ platform, and Google unveiled Android 13 "Tiramisu" with new privacy and UI enhancements, highlighting the industry's rapid response to security and usability challenges.

AdobeAndroid13Magento
0 likes · 6 min read
Why Adobe, JetBrains, and Google Are Racing to Patch Critical Vulnerabilities in 2022
Alibaba Terminal Technology
Alibaba Terminal Technology
Feb 11, 2022 · Operations

How to Execute a Multi‑Phase IPv6 Migration for Large‑Scale Services

This guide outlines a comprehensive, three‑stage IPv6 migration roadmap—including network upgrades, DNS/HTTPDNS redesign, security hardening, cloud and CDN adaptation, and mobile/app adjustments—to achieve full IPv6‑only support across infrastructure, services, and end‑users while ensuring seamless performance and security.

IPv6MobileNetwork Migration
0 likes · 22 min read
How to Execute a Multi‑Phase IPv6 Migration for Large‑Scale Services
Amap Tech
Amap Tech
Jan 6, 2022 · Mobile Development

Three‑Year Full‑Chain Performance Optimization at Gaode Map: Strategies, Practices, and Results

Over three years Gaode Map halved overall latency by systematically identifying bottlenecks, applying reverse‑order targeted fixes, establishing forward‑order long‑term controls, and deploying adaptive resource scheduling, engine acceleration, H5 container enhancements, high‑performance components, and CI automation, resulting in sustainable core‑chain performance improvements and a better user experience.

EngineeringGaode MapMobile
0 likes · 18 min read
Three‑Year Full‑Chain Performance Optimization at Gaode Map: Strategies, Practices, and Results
Continuous Delivery 2.0
Continuous Delivery 2.0
Dec 16, 2021 · Mobile Development

Continuous Deployment Practices for Mobile Apps at Facebook

This article examines Facebook's mobile continuous deployment approach, detailing how increased release frequency, automated pipelines, and a clear separation between development and release engineering have allowed weekly Android and iOS updates without sacrificing software quality or developer productivity.

Continuous DeploymentFacebookMobile
0 likes · 9 min read
Continuous Deployment Practices for Mobile Apps at Facebook
ByteDance Terminal Technology
ByteDance Terminal Technology
Dec 9, 2021 · Mobile Development

Optimizing Flutter List Performance: Element Reuse, Auto‑diff, Placeholder Widgets, Frame‑splitting Rendering, and Bidirectional Loading

This article examines the challenges of fluid list rendering in Flutter mobile apps and presents a series of performance optimizations—including element and RenderObject reuse, an auto‑diff algorithm, placeholder widgets, frame‑splitting rendering, pre‑loading, and bidirectional loading—along with functional extensions and real‑world results.

DARTListViewMobile
0 likes · 13 min read
Optimizing Flutter List Performance: Element Reuse, Auto‑diff, Placeholder Widgets, Frame‑splitting Rendering, and Bidirectional Loading
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 30, 2021 · Mobile Development

Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center

This article explains why a reverse‑ordered Flutter chat ListView jumps when inserting messages at both ends, analyzes the underlying Viewport‑Scrollable‑Sliver architecture, and demonstrates how configuring the center property of a CustomScrollView with multiple SliverLists eliminates the unwanted scroll offset changes.

ChatCustomScrollViewFlutter
0 likes · 6 min read
Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center
Xianyu Technology
Xianyu Technology
Nov 30, 2021 · Mobile Development

Flutter Performance Optimization: Challenges, Tools, and Best Practices

The Xianyu team’s talk outlines Flutter performance challenges—complex list‑item logic, a 16.6 ms frame budget, DynamicX template overhead, and scroll‑curve‑induced offset jumps—and presents best‑practice solutions such as PowerScrollView caching, partial refresh, frame‑splitting, DynamicX caching, isolate offloading, layer merging, plus custom benchmarking, DevTools extensions, and FlutterBlockCanary for measurement, urging developers to prioritize perceived smoothness, monitor raster costs, and leverage multi‑threading and community updates.

DevToolsFlutterMobile
0 likes · 18 min read
Flutter Performance Optimization: Challenges, Tools, and Best Practices
58UXD
58UXD
Nov 19, 2021 · Product Management

Designing a Government Talent Platform: Branding, UI, and Mobile App Journey

This case study details how a government talent platform was conceived and executed, covering employer branding, design value, project background and goals, the evolution of visual identity, and the delivery of a data dashboard, portal site, mobile apps, and logo to create an intelligent, one‑stop service for students and officials.

GovernmentMobileUI/UX
0 likes · 9 min read
Designing a Government Talent Platform: Branding, UI, and Mobile App Journey
Taobao Frontend Technology
Taobao Frontend Technology
Nov 8, 2021 · Frontend Development

Latest Frontend & Mobile Tools: icejs 2.0, Kraken 0.9, Detox, Teaful, MJML

The article highlights recent releases and tools for developers, including icejs 2.0’s React‑Vite integration, Kraken 0.9’s QuickJS performance boost, the Detox mobile testing framework, Teaful’s lightweight React state management with code example, MJML’s responsive email builder, and a brief guide to pure‑CSS icons.

EmailMobilestate-management
0 likes · 6 min read
Latest Frontend & Mobile Tools: icejs 2.0, Kraken 0.9, Detox, Teaful, MJML
转转QA
转转QA
Oct 25, 2021 · Operations

Using ZZNohost for Centralized Proxy Configuration and Multi‑Environment Testing

This guide explains what ZZNohost is, why it is used, and provides step‑by‑step instructions—including account setup, environment creation, whistle configuration, mobile proxy capture, UI automation integration with code examples, and platform‑level usage in Jarvis and WatchDog—to streamline multi‑environment testing and debugging.

AutomationEnvironmentMobile
0 likes · 7 min read
Using ZZNohost for Centralized Proxy Configuration and Multi‑Environment Testing
IT Architects Alliance
IT Architects Alliance
Oct 1, 2021 · Fundamentals

Curated List of Must‑Read Technical Books for Various Software Development Domains

This article presents a comprehensive, categorized collection of essential technical books covering frontend development, backend engineering, mobile app creation, server architecture, testing practices, multimedia processing, computer vision, data mining, recommendation systems, and 3D/AR technologies, offering readers valuable resources for deepening their expertise across the software development spectrum.

BooksFrontendLearning Resources
0 likes · 9 min read
Curated List of Must‑Read Technical Books for Various Software Development Domains
ByteDance Terminal Technology
ByteDance Terminal Technology
Sep 29, 2021 · Mobile Development

Bypassing Android 10+ dex2oat Restrictions for Performance Optimization

This technical article investigates the Android 10+ dex2oat limitation that blocks app‑initiated compilation, analyzes its SELinux enforcement, and presents a practical solution using system commands and binder calls to trigger dex2oat for both primary and secondary APKs, achieving significant load‑time and runtime improvements.

ADBAndroidMobile
0 likes · 20 min read
Bypassing Android 10+ dex2oat Restrictions for Performance Optimization
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Sep 10, 2021 · Mobile Development

Main Thread vs JavaScriptCore: iOS 13 Deadlock Explained & Fixed

An in‑depth analysis reveals how a Main Thread and JavaScriptCore Heap Collector Thread can deadlock on iOS 13 due to RunLoop lock contention triggered by timer callbacks and AutoReleasePool memory reclamation, and provides a practical solution using scoped AutoReleasePool blocks to prevent the issue.

MobileRunLoopdeadlock
0 likes · 18 min read
Main Thread vs JavaScriptCore: iOS 13 Deadlock Explained & Fixed
JD Retail Technology
JD Retail Technology
Sep 8, 2021 · Artificial Intelligence

ARShoe: Real-Time Augmented Reality Shoe Try-On System on Smartphones

The paper presents ARShoe, the first practical real‑time augmented reality shoe try‑on system for smartphones, detailing its multi‑branch neural network, foot pose estimation, rendering pipeline, a newly built foot dataset, and extensive experiments demonstrating high accuracy and over 30 FPS performance on multiple devices.

ARMobileaugmented reality
0 likes · 6 min read
ARShoe: Real-Time Augmented Reality Shoe Try-On System on Smartphones
MaGe Linux Operations
MaGe Linux Operations
Sep 7, 2021 · Information Security

How QR Code Login Works: From Scanning to Secure Token Authentication

QR code login lets users authenticate on a PC by scanning a code with a pre‑logged‑in mobile app, using a token‑based system that verifies identity without transmitting passwords, and involves QR generation, status polling, temporary tokens, and final confirmation to securely log in.

AuthenticationMobileQR code
0 likes · 12 min read
How QR Code Login Works: From Scanning to Secure Token Authentication
vivo Internet Technology
vivo Internet Technology
Aug 11, 2021 · Mobile Development

Cross-Platform Rich Text and Editor Solutions

The Vivo Internet Frontend Team explains why modern products need a unified, cross‑platform rich‑text editor and presents a JSON‑based data model and WebView‑embedded editor architecture that enable consistent rendering, seamless native‑web communication, media handling, keyboard control, and error‑retry mechanisms across web, mobile, and desktop environments.

AndroidMobileRich Text
0 likes · 13 min read
Cross-Platform Rich Text and Editor Solutions
Meiyou UED
Meiyou UED
Aug 10, 2021 · Frontend Development

2021 UI Design Trends: Bright Colors, Rounded Corners, Light Gradients and More

This article analyzes 2021 design trends for the Meiyou app, covering bright saturated colors, large rounded cards, light gradients, frosted‑glass effects, warm icon palettes, 3D graphics, data visualization, privacy‑focused features, intelligent interactions, and a life‑like emotional tone.

MobileUI designUX
0 likes · 13 min read
2021 UI Design Trends: Bright Colors, Rounded Corners, Light Gradients and More
ByteFE
ByteFE
Jul 27, 2021 · Mobile Development

Bridge Communication Between Native and Webview in Hybrid Development: Methods, Implementation, and Event Handling

This article explains from a frontend perspective how JavaScript and native code communicate in hybrid apps, covering injection and interception bridge methods, their implementation details, SDK initialization, message flow, and native event listening with code examples and compatibility considerations.

HybridJavaScriptMobile
0 likes · 15 min read
Bridge Communication Between Native and Webview in Hybrid Development: Methods, Implementation, and Event Handling
Programmer DD
Programmer DD
Jul 22, 2021 · Fundamentals

Mastering DNS: From Basics to HTTPDNS and Global Load Balancing

This article explains the role of DNS in mobile network performance, details DNS hierarchy, authoritative, recursive and public DNS, explores common DNS problems such as ISP hijacking and caching, and introduces advanced solutions like GSLB, intelligent DNS, and HTTPDNS with practical command‑line examples.

DNSGSLBHTTPDNS
0 likes · 17 min read
Mastering DNS: From Basics to HTTPDNS and Global Load Balancing
LOFTER Tech Team
LOFTER Tech Team
Jul 20, 2021 · Frontend Development

Design and Performance Evaluation of an Offline Package Solution for H5 Pages in Mobile Apps

This article presents the design, implementation, and performance analysis of an offline‑package system that bundles H5 resources for WebView‑based mobile apps, detailing the configuration platform, webpack plugin, client SDK integration, and measured improvements in DNS, TCP, DOM‑Ready, and WebVitals metrics across various network conditions.

MobileWebViewoffline package
0 likes · 14 min read
Design and Performance Evaluation of an Offline Package Solution for H5 Pages in Mobile Apps
TAL Education Technology
TAL Education Technology
Jul 8, 2021 · Frontend Development

Resolving WeChat H5 Authorization Loops, Poster Generation, and Page Performance Tracking

This article details the challenges encountered when developing WeChat H5 pages—such as authorization‑loop redirects, cross‑origin poster creation with html2canvas, iPhone 100vh scrolling bugs, and precise performance timing using window.performance—and presents practical code‑based solutions and compatibility tips for both iOS and Android devices.

AuthorizationCanvasFrontend
0 likes · 12 min read
Resolving WeChat H5 Authorization Loops, Poster Generation, and Page Performance Tracking
Taobao Frontend Technology
Taobao Frontend Technology
Jul 5, 2021 · Frontend Development

Alibaba’s 618 Interactive: Front‑End Animation, Shake‑to‑Shake & On‑Device AI

The article details how Alibaba’s 618 e‑commerce interactive event revived the Star Show Cat IP, employing sophisticated front‑end animation techniques with Spine and Lottie, implementing a proximity‑based shake‑to‑shake partnership using GeoHash location matching, and exploring on‑device AI for intelligent user guidance, illustrating the evolution of the Taobao interactive front‑end technology stack.

AIAnimationGeoHash
0 likes · 13 min read
Alibaba’s 618 Interactive: Front‑End Animation, Shake‑to‑Shake & On‑Device AI
58UXD
58UXD
Jun 15, 2021 · Mobile Development

How Mobile VR UI Design Transforms Real Estate Experiences

This article explores the rapid rise of commercial VR in the post‑COVID era, explains XR concepts, outlines the unique challenges of mobile VR interfaces for real‑estate tours, and details a design overhaul that improves aesthetics, flexibility, and immersive user experience.

MobileReal EstateUI design
0 likes · 8 min read
How Mobile VR UI Design Transforms Real Estate Experiences
转转QA
转转QA
Jun 11, 2021 · Mobile Development

Luban Build Management System for Mobile App Continuous Delivery

The article describes Luban, a scalable build management platform that provides generic, extensible packaging, template‑based configuration, automatic and manual trigger mechanisms, result storage, and integrated release capabilities to support continuous delivery of multiple mobile applications within Zhuanzhuan.

DeploymentMobilecontinuous integration
0 likes · 5 min read
Luban Build Management System for Mobile App Continuous Delivery
Miss Fresh Tech Team
Miss Fresh Tech Team
May 29, 2021 · Mobile Development

How a Unified Popup SDK Streamlines Mobile App Dialog Management

An in‑depth guide to designing and implementing a unified popup SDK for a mobile commerce app, covering project background, pain points, architectural modules, data models, template factories, code integration, and measurable benefits such as reduced development effort and cleaner dialog management.

MobileSDKUI
0 likes · 22 min read
How a Unified Popup SDK Streamlines Mobile App Dialog Management
ELab Team
ELab Team
May 13, 2021 · Mobile Development

How to Keep Fixed Headers and Footers Stable When the iOS Keyboard Pops Up

This article explains why fixed elements break when the iOS soft keyboard appears in a WebView, compares iOS and Android keyboard behaviors, shows how to listen for keyboard events, and provides practical solutions—including native headers, scrollIntoView tricks and scroll adjustments—to keep sticky UI components correctly positioned.

AndroidKeyboardMobile
0 likes · 12 min read
How to Keep Fixed Headers and Footers Stable When the iOS Keyboard Pops Up
HelloTech
HelloTech
Apr 16, 2021 · Fundamentals

Fundamentals of Positioning Technologies: Satellite, Cellular, Wi‑Fi, Bluetooth, Geomagnetic, Inertial, LED, Vision, UWB, and IP

The article explains, in plain language, how modern positioning technologies—including satellite GNSS, cellular triangulation, Wi‑Fi fingerprinting, Bluetooth beacons, geomagnetic field mapping, inertial navigation, LED light codes, vision‑based pose estimation, ultra‑wideband ranging, and IP‑address lookup—determine a device’s location, their principles, typical accuracies, and practical applications.

BluetoothGPSMobile
0 likes · 25 min read
Fundamentals of Positioning Technologies: Satellite, Cellular, Wi‑Fi, Bluetooth, Geomagnetic, Inertial, LED, Vision, UWB, and IP
IT Xianyu
IT Xianyu
Mar 31, 2021 · Backend Development

Open-Source Instant Messaging System (CIM) Overview and Features

This article introduces the open‑source CIM instant messaging system, detailing its server‑side architecture based on Netty or Mina, multi‑platform client support (WebSocket, Android, iOS, desktop), core modules, directory structure, and a preview of its console and client interfaces.

CIMInstant MessagingMobile
0 likes · 4 min read
Open-Source Instant Messaging System (CIM) Overview and Features
Open Source Linux
Open Source Linux
Mar 31, 2021 · Information Security

How QR Code Login Works: From Tokens to Secure Authentication

This article explains the principles behind QR codes, how they are used for secure login by transmitting identity and proof through token‑based authentication, and walks through each step of the QR‑code login flow from generation to confirmation.

AuthenticationMobileQR code
0 likes · 11 min read
How QR Code Login Works: From Tokens to Secure Authentication
ByteFE
ByteFE
Mar 19, 2021 · Frontend Development

Curated Technical Articles and Project Practices – Frontend, Backend, Mobile, and More

This newsletter curates a diverse set of technical articles and project case studies covering JavaScript nuances, front‑end strategies for digital currency, backend career growth, V8 updates, ECMAScript reports, Chrome IoT features, esbuild bundling, Photoshop plugin development, logic orchestration, cross‑platform UI frameworks, Flutter Web experiences, and UI component design.

MobileTech Newsletter
0 likes · 5 min read
Curated Technical Articles and Project Practices – Frontend, Backend, Mobile, and More
JD Retail Technology
JD Retail Technology
Mar 19, 2021 · Frontend Development

Design and Implementation of JD Skinning PaaS Platform

This article details the background, research, system architecture, specific implementation, SDK integration, and future planning of JD's skinning PaaS platform, which unifies UI theming across web and native apps, supports dark mode, and optimizes resource management.

CMSDark ModeMobile
0 likes · 10 min read
Design and Implementation of JD Skinning PaaS Platform
21CTO
21CTO
Mar 11, 2021 · Artificial Intelligence

Why Search Engines Are Evolving Beyond Traffic Gateways

The article analyzes how search traffic has shifted from Google dominance to a balanced ecosystem with Facebook, mobile content platforms, and AI-driven recommendation, highlighting the rise of omnichannel "full‑stack" search that integrates content, services, and emerging technologies.

AIMobileSearch
0 likes · 14 min read
Why Search Engines Are Evolving Beyond Traffic Gateways
MaGe Linux Operations
MaGe Linux Operations
Mar 11, 2021 · Artificial Intelligence

What’s New in PyTorch 1.8? Key Features, APIs, and Performance Boosts

PyTorch 1.8, released by the PyTorch team, bundles over 3,000 commits since 1.7, introducing AMD ROCm support, enhanced Python function conversion, stable FFT and linear‑algebra APIs, complex‑tensor autograd, distributed‑training improvements, new mobile tutorials, performance tools, and several prototype features.

GPUMobilePyTorch
0 likes · 6 min read
What’s New in PyTorch 1.8? Key Features, APIs, and Performance Boosts
Xianyu Technology
Xianyu Technology
Feb 5, 2021 · Backend Development

Improving Xianyu Messaging Reliability: Architecture, Issues, and Solutions

The article details how Xianyu’s 2020 messaging failures—lost messages, wrong avatars, and order status errors—were traced to duplicate IDs, push‑logic mismatches, and client bugs, and solved by introducing global UUIDs, ACK‑based retries, hierarchical conversation models, hybrid storage caching, and real‑time monitoring, boosting delivery reliability above 99.9%.

MessagingMobileReliability
0 likes · 12 min read
Improving Xianyu Messaging Reliability: Architecture, Issues, and Solutions
360 Smart Cloud
360 Smart Cloud
Jan 22, 2021 · Backend Development

How to Build a Fast, Flexible, and Simple Video Editing Framework

This article explores the design of a fast, flexible, and simple video editing framework, covering its historical background, core concepts, SDK architecture, processing pipeline, performance optimizations, compatibility challenges, and future directions such as AI‑enhanced and cloud‑based editing.

MobileSDKVideo Editing
0 likes · 12 min read
How to Build a Fast, Flexible, and Simple Video Editing Framework
Tencent Mobility Industry Design Center
Tencent Mobility Industry Design Center
Jan 11, 2021 · Mobile Development

How AR Transforms Walking Navigation: Design Insights from Tencent Maps

This article examines the challenges of traditional walking navigation and explains how Tencent Maps integrates AR technology with mobile cameras to provide clear, intuitive, and safe guidance by overlaying directional cues directly onto the real‑world view, enhancing user experience across diverse street scenarios.

ARMobileTencent Maps
0 likes · 10 min read
How AR Transforms Walking Navigation: Design Insights from Tencent Maps
58UXD
58UXD
Dec 25, 2020 · Frontend Development

Designing Effective Feed Streams: Principles and Solutions for Mobile Content Platforms

This article examines the concept, purpose, and visual forms of feed streams in a mobile community app, outlines key usability design principles such as signal‑to‑noise ratio, readability and proximity, and presents integrated, efficient, and enriched design solutions to improve content presentation and user experience.

FrontendMobileUI/UX
0 likes · 7 min read
Designing Effective Feed Streams: Principles and Solutions for Mobile Content Platforms
Alibaba Terminal Technology
Alibaba Terminal Technology
Nov 24, 2020 · Frontend Development

Evolution of Cross‑Platform Frontend: From H5 to Flutter and Beyond

This article traces the evolution of cross‑platform frontend development—from early H5 and hybrid solutions through native containerization, same‑layer rendering, mini‑programs, and self‑draw frameworks like Flutter—while highlighting Alibaba’s current challenges, strategic directions, and the upcoming D2 cross‑platform technical forum.

AlibabaD2 conferenceFrontend
0 likes · 19 min read
Evolution of Cross‑Platform Frontend: From H5 to Flutter and Beyond
Taobao Frontend Technology
Taobao Frontend Technology
Nov 17, 2020 · Frontend Development

How We Cut Event Page Load Time by Up to 700 ms for Millions of Shoppers

This article details how a cross‑team performance‑optimization effort for Tmall/Taobao event pages redefined metrics, introduced full‑link visual timing, and applied pre‑rendering, data pre‑fetch, resource acceleration, and offline caching to shave 200‑700 ms off load times and boost instant‑open rates by 10‑14 % across Android and iOS devices.

Mobilee-commerceperformance
0 likes · 18 min read
How We Cut Event Page Load Time by Up to 700 ms for Millions of Shoppers
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Sep 30, 2020 · Mobile Development

SIMD Acceleration Techniques on Qualcomm Hexagon DSP for Mobile Devices

The article explains how SIMD acceleration on Qualcomm’s Hexagon DSP, using its HVX vector engine and specialized instructions, can off‑load compute‑intensive tasks such as image, video, and AI processing from the CPU, delivering up to 8× speed‑up, lower power consumption, reduced thermal throttling, and longer battery life on mobile devices.

DSPHexagonMobile
0 likes · 9 min read
SIMD Acceleration Techniques on Qualcomm Hexagon DSP for Mobile Devices
58UXD
58UXD
Aug 27, 2020 · Mobile Development

Avoid Common SVGA Animation Pitfalls: A Practical Guide for Mobile Developers

This article summarizes the key challenges and solutions when using SVGA animations in mobile live‑gift scenarios, covering import issues, frame extraction, compression, composition size, frame‑rate rules, and supported effects to help developers create smooth, lightweight animations.

AnimationMobileOptimization
0 likes · 9 min read
Avoid Common SVGA Animation Pitfalls: A Practical Guide for Mobile Developers
政采云技术
政采云技术
Aug 16, 2020 · Frontend Development

Comprehensive Guide to Dark Mode Adaptation for Web and Native Apps

This article provides a detailed guide on implementing dark mode across web (H5) and native mobile applications, covering system compatibility, CSS media queries, CSS variables, postcss handling, component library adaptation, and platform-specific configurations for iOS, Android, and Flutter.

Dark ModeFrontendMobile
0 likes · 17 min read
Comprehensive Guide to Dark Mode Adaptation for Web and Native Apps
Youzan Coder
Youzan Coder
Aug 12, 2020 · Mobile Development

How a Single Config Line Enables Dynamic Page Redirection in Mobile Apps

This article explains the background pain points of hard‑coded cross‑stack navigation in a mobile app, describes a dynamic routing component built on URL interception, regex matching and replacement, shows Kotlin and iOS implementations, and demonstrates real‑world cases in an app center and order module.

AndroidDynamic ConfigurationKotlin
0 likes · 13 min read
How a Single Config Line Enables Dynamic Page Redirection in Mobile Apps
JD Retail Technology
JD Retail Technology
Aug 12, 2020 · Frontend Development

Technical Case Study of JD Smart Procurement App: Frontend Architecture, Component Library, Build Tools, and Optimization

This article presents a comprehensive technical case study of the JD Smart Procurement mobile app, detailing its front‑end architecture based on Vue, the use of the NutUI component library, TypeScript integration, request handling with Axios, build tooling with Gaea, multi‑page Webpack configuration, performance optimizations, and solutions to various development challenges.

Mobile
0 likes · 25 min read
Technical Case Study of JD Smart Procurement App: Frontend Architecture, Component Library, Build Tools, and Optimization
Amap Tech
Amap Tech
Jul 23, 2020 · Mobile Development

Cross‑Platform Audio Player Framework for Smart Scenic Spot Guides

The Gaode Smart Scenic Spot Pocket‑Player framework provides a cross‑platform, hybrid audio solution that delivers location‑based MP3 guides, isolates business logic via an observer‑based service, manages audio focus and interruptions efficiently, supports cross‑page and offline playback, and enables rapid, low‑resource development for immersive tourist experiences.

Design PatternsMobileResource Optimization
0 likes · 11 min read
Cross‑Platform Audio Player Framework for Smart Scenic Spot Guides
Youzan Coder
Youzan Coder
Jul 17, 2020 · Mobile Development

How We Halved Mobile Hardware Integration Time with a Modular Device SDK

The article details how the Youzan Retail mobile team re‑architected their hardware SDK—splitting devices into modular AAR packages, introducing layered OEM/Core/Base/Library components, unifying printer protocols with JsCore, and adding IoT monitoring—reducing new device onboarding from days to hours while cutting online issues by up to 55%.

AndroidHardwareIoT
0 likes · 25 min read
How We Halved Mobile Hardware Integration Time with a Modular Device SDK
Senior Brother's Insights
Senior Brother's Insights
Jun 29, 2020 · Fundamentals

7 Exciting Coding Projects to Boost Your Development Skills

This article presents seven hands‑on programming projects—from a Pac‑Man game and a CRUD user‑management system to a weather app, chat socket, CI pipeline, web scraper, and social‑media sentiment analyzer—each with clear learning goals, technology suggestions, and GitHub examples to help developers sharpen their skills.

FrontendMobileSkill Development
0 likes · 8 min read
7 Exciting Coding Projects to Boost Your Development Skills
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 17, 2020 · Frontend Development

Cross‑Platform Mini‑Program Mastery: Lessons from Alibaba’s Ticketing App

This article shares Alibaba's ticketing team's cross‑platform mini‑program development experience, covering Alipay, Baidu, ByteDance, and quick‑app cards, detailing platform differences, practical tips, common pitfalls, and strategies for building, testing, and maintaining multi‑platform mini‑programs efficiently.

AlipayDevelopmentFrontend
0 likes · 22 min read
Cross‑Platform Mini‑Program Mastery: Lessons from Alibaba’s Ticketing App
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
Xianyu Technology
Xianyu Technology
Jun 11, 2020 · Mobile Development

Designing a Flutter Jank Monitoring System with Stack Trace Collection

The article outlines a Flutter jank monitoring system that detects frame stalls by measuring UI callback intervals and captures the offending Dart call stack, evaluating SDK modification, AOT native unwinding, and ultimately selecting a low‑overhead signal‑based stack‑collection method for production use.

Mobilejank monitoringnative
0 likes · 14 min read
Designing a Flutter Jank Monitoring System with Stack Trace Collection
360 Tech Engineering
360 Tech Engineering
Jun 8, 2020 · Mobile Development

Replacing iOS LaunchImage with LaunchScreen.storyboard: Background, Preparation, Implementation, and Troubleshooting

This article explains why Apple requires apps to use LaunchScreen.storyboard instead of static LaunchImage after June 30 2020, details the preparation steps, presents three implementation approaches, and discusses device‑specific adaptation problems and persistent black‑screen issues with code examples.

LaunchImageLaunchScreenMobile
0 likes · 10 min read
Replacing iOS LaunchImage with LaunchScreen.storyboard: Background, Preparation, Implementation, and Troubleshooting
Taobao Frontend Technology
Taobao Frontend Technology
Jun 8, 2020 · Frontend Development

From PC to Mobile: Tracing the Evolution of Front-End Development

This article chronicles the decade‑long evolution of front‑end technology from early PC‑centric days through the rise of mobile front‑end, engineering practices, framework proliferation, hybrid solutions, and future trends like PWA and self‑drawing engines, highlighting key milestones and challenges.

HybridMobilePWA
0 likes · 15 min read
From PC to Mobile: Tracing the Evolution of Front-End Development
Laravel Tech Community
Laravel Tech Community
May 13, 2020 · Backend Development

How QR Code Login Works: From Web Page to Mobile Server

This article explains the end‑to‑end implementation of QR‑code login, covering how a web page requests a QR image, how the server stores a UUID in Redis, how a mobile app scans the code and validates the user, and how the browser finally receives a token to complete authentication.

MobileQR loginRedis
0 likes · 5 min read
How QR Code Login Works: From Web Page to Mobile Server
JD Retail Technology
JD Retail Technology
May 8, 2020 · Mobile Development

Dynamic UI Solution for JD Mobile Apps: DSL‑Based Cross‑Platform Architecture and Implementation

This article details JD Shanghai's mobile team exploration of a dynamic UI solution that uses a custom domain‑specific language (DSL) to enable cross‑platform (iOS, Android, H5) page publishing without client updates, describing design goals, architecture layers, template management, event handling, performance optimizations, and real‑world deployment.

DSLDynamic UIMobile
0 likes · 14 min read
Dynamic UI Solution for JD Mobile Apps: DSL‑Based Cross‑Platform Architecture and Implementation
AI Code to Success
AI Code to Success
Apr 25, 2020 · Mobile Development

How Android’s GestureDetector Detects Double‑Tap and Other Gestures

This article explains the inner workings of Android’s GestureDetector class, detailing how it creates listeners, processes MotionEvent actions, schedules handler messages, and determines the timing and conditions for callbacks such as onDown, onShowPress, onSingleTapUp, onScroll, onLongPress, onFling, and double‑tap events.

Mobiledouble-tapgesture
0 likes · 13 min read
How Android’s GestureDetector Detects Double‑Tap and Other Gestures
Java Backend Technology
Java Backend Technology
Apr 20, 2020 · Mobile Development

How We Built a C++ Cross‑Platform Architecture for WeChat Pay to Boost Productivity

This article explains how WeChat Pay tackled inconsistent iOS and Android implementations by creating a C++‑based cross‑platform framework, introducing UseCase and UIPage abstractions, a routing mechanism, unified network request handling, and standardized data flow, resulting in reduced code, faster feature delivery, and higher stability.

C++MobileWeChat Pay
0 likes · 14 min read
How We Built a C++ Cross‑Platform Architecture for WeChat Pay to Boost Productivity
Suning Design
Suning Design
Apr 9, 2020 · Fundamentals

Mastering Font Line Height in Sketch: Proven Rules for Perfect Mobile UI

This article explains how to set accurate font line heights in Sketch for mobile UI design, presenting single‑line and multi‑line formulas, practical examples, testing results, and verification steps to ensure consistent visual alignment across iOS, Android, and front‑end implementations.

FrontendMobileSketch
0 likes · 12 min read
Mastering Font Line Height in Sketch: Proven Rules for Perfect Mobile UI
macrozheng
macrozheng
Apr 9, 2020 · Information Security

How QR Code Login Works: Token‑Based Authentication Explained

This article demystifies QR code login by covering what QR codes are, how mobile token‑based authentication works, and the step‑by‑step flow that enables secure PC login via scanning, confirming, and token exchange.

MobileOAuthQR code
0 likes · 8 min read
How QR Code Login Works: Token‑Based Authentication Explained
Baidu App Technology
Baidu App Technology
Mar 25, 2020 · Frontend Development

Front-end Performance Optimization of Baidu App Personal Homepage

By redefining performance metrics, analyzing bottlenecks, and applying targeted front‑end code and engineering optimizations—including early iOS onload, reduced first‑screen dependencies, merged and pre‑loaded APIs, bundle splitting, and modern‑mode delivery—the Baidu App personal homepage achieved over 100 ms reductions in white‑screen and first‑screen times across iOS and Android.

EngineeringFrontendMobile
0 likes · 15 min read
Front-end Performance Optimization of Baidu App Personal Homepage
OPPO Kernel Craftsman
OPPO Kernel Craftsman
Mar 13, 2020 · Fundamentals

Unveiling UFS: From MPHY to Data Transfer – A Deep Technical Dive

Over the past decade, mobile storage has evolved from eMMC to high‑speed UFS, and this article explains UFS’s history, the MPHY physical layer, Unipro protocol stack, UFSHCI host controller, initialization sequence, and data‑transfer pathways, highlighting key registers, lane configurations, and performance metrics.

MPHYMobileUFS
0 likes · 14 min read
Unveiling UFS: From MPHY to Data Transfer – A Deep Technical Dive
58 Tech
58 Tech
Mar 6, 2020 · Mobile Development

Integrating Flutter into an Existing Native App: Challenges, Solutions, and the Use of Flutter Boost and Fish‑Redux

This article details the process of embedding Flutter into a mature native Android/iOS application, covering architectural background, thread models, the drawbacks of the default multi‑engine approach, the adoption of Flutter Boost, code‑level integration steps, network and resource sharing techniques, and the subsequent migration to the Fish‑Redux framework for better modularity and maintainability.

Fish ReduxFlutter BoostMobile
0 likes · 17 min read
Integrating Flutter into an Existing Native App: Challenges, Solutions, and the Use of Flutter Boost and Fish‑Redux
Alibaba Cloud Developer
Alibaba Cloud Developer
Feb 28, 2020 · Mobile Development

How Personalized Startup Task Scheduling Cuts Android Launch Time by 0.8 s

This article describes how Alibaba's HandCat team analyzed the growing startup latency of their Android app, identified static initialization bottlenecks, and implemented a data‑driven, per‑user and per‑device task orchestration using AOP instrumentation and algorithmic scheduling, achieving up to 1.6 s faster launches on low‑end devices.

AOP instrumentationMobileTask Scheduling
0 likes · 15 min read
How Personalized Startup Task Scheduling Cuts Android Launch Time by 0.8 s
ITPUB
ITPUB
Feb 26, 2020 · Mobile Development

How We Built a Scalable Mobile IM System for Travel Apps

This article details the design, architecture, and implementation of a mobile instant‑messaging system for a travel platform, covering data‑channel handling, subscription and UI rendering, message de‑duplication, local push, reconnection strategies, message‑line management, and a migration to WebSocket for improved performance.

Instant MessagingMobilearchitecture
0 likes · 16 min read
How We Built a Scalable Mobile IM System for Travel Apps
Programmer DD
Programmer DD
Jan 7, 2020 · Backend Development

Designing Secure and User‑Friendly SMS Verification Systems

This article explores common pitfalls and best‑practice design patterns for SMS verification, covering cross‑origin issues, rate‑limiting, captcha integration, IP/Cookie restrictions, and alert mechanisms to balance security and user experience across web and mobile platforms.

MobileRate LimitingSMS Verification
0 likes · 9 min read
Designing Secure and User‑Friendly SMS Verification Systems
Youku Technology
Youku Technology
Jan 2, 2020 · Operations

Quality Assurance and Stability Strategies for Alibaba Double 11 "Cat Night" Live Streaming

The QA team delivered a seamless, globally stable Double 11 “Cat Night” live stream across three apps and dozens of devices by applying client‑ and server‑side stability measures, international latency simulation, IPv6 support, cost‑effective CDN strategies, full‑chain monitoring, and automated asset‑loss safeguards, achieving zero financial loss.

MobileOperationsperformance testing
0 likes · 16 min read
Quality Assurance and Stability Strategies for Alibaba Double 11 "Cat Night" Live Streaming
Alibaba International Technology
Alibaba International Technology
Dec 20, 2019 · Mobile Development

Mastering Mobile Architecture: Boost Efficiency with Wireless App Design

This article shares an Alibaba engineer’s comprehensive insights on wireless (mobile) architecture, covering stakeholder analysis, engineering structure, code coupling, component reuse, technology decisions, performance comparison of Flutter and Weex, tooling, stability, leadership, organization, modularization, and future expansion to help developers improve efficiency and product quality.

AndroidDevelopmentEfficiency
0 likes · 31 min read
Mastering Mobile Architecture: Boost Efficiency with Wireless App Design
Amap Tech
Amap Tech
Nov 14, 2019 · Mobile Development

Evolution of Amap Client and Engine Architecture: Fusion, Governance, and Dynamization

At the 2019 Hangzhou Yunqi Conference, Amap’s technical team detailed how they fused separate car‑machine and mobile clients into a unified engine, instituted architecture governance that cut compile and release times dramatically, and built a C++‑based dynamic rendering system that unifies Android and iOS, enabling rapid, cross‑platform feature delivery.

Build SystemMobilearchitecture
0 likes · 11 min read
Evolution of Amap Client and Engine Architecture: Fusion, Governance, and Dynamization
21CTO
21CTO
Nov 10, 2019 · Mobile Development

How We Built a Scalable Mobile IM System for a Travel App

This article details the design and implementation of a scalable mobile instant‑messaging system for a travel app, covering architecture, data‑channel handling, subscription mechanisms, UI rendering, message de‑duplication, local push strategies, reconnection logic, and future upgrades to WebSocket.

Instant MessagingMessage DeduplicationMobile
0 likes · 16 min read
How We Built a Scalable Mobile IM System for a Travel App
Xianyu Technology
Xianyu Technology
Nov 5, 2019 · Mobile Development

Designing a New Rendering Architecture for Flutter Dynamic Templates

We redesigned Flutter’s dynamic‑template rendering by replacing the widget‑centric approach with a three‑layer architecture inspired by Android’s MeasureSpec model, implementing DXRenderBox to handle sizedByParent, performResize, and performLayout, solving two‑measure layout issues and achieving faster, more consistent rendering across platforms.

Mobile
0 likes · 14 min read
Designing a New Rendering Architecture for Flutter Dynamic Templates
Xianyu Technology
Xianyu Technology
Sep 18, 2019 · Artificial Intelligence

Edge‑Cloud Integrated Recommendation for Xianyu "Mario" Feature

By moving real‑time recommendation computation to users’ devices and using a two‑stage edge‑cloud CTR model to gate Xianyu’s Mario feature, the system cut server requests by 28%, boosted Mario’s click‑through rate by 31% and lifted overall conversion by 10% while preserving user privacy.

AICTRMobile
0 likes · 7 min read
Edge‑Cloud Integrated Recommendation for Xianyu "Mario" Feature