This article traces the evolution of mini programs, explains their dual‑thread model, details the core components such as WAWebview, WAService, the virtual DOM and JSBridge, and shows how wcc and wcsc compile wxml and wxss into executable JavaScript and styles.
This article reviews classic Android architectural patterns—MVC, MVP, and MVVM—highlights their limitations, introduces the MVI pattern as a more streamlined alternative, and provides a detailed Kotlin implementation with ViewState, ViewEvent, and unidirectional data flow examples.
HEIF (High Efficiency Image File Format) offers superior compression, support for image sequences, depth and transparency, and is natively supported on iOS and Android P, with implementation options via ImageDecoder, BitmapFactory, or conversion to JPEG, though adoption faces compatibility and hardware licensing challenges.
This article details how Kuaishou transformed a user‑drawn sketch concept into the All‑Things‑AR feature, covering background inspiration, the end‑to‑end pipeline, data collection, mobile‑friendly segmentation model design, model optimizations, engineering integration, SLAM‑based camera localization, and final production results.
This tutorial demonstrates how to use Python, ADB, and OpenCV to automate gameplay tasks in the mobile game Princess Connect, covering environment setup, device interaction, screenshot handling, image template matching, cropping, and OCR for extracting in‑game information.
This guide explains how to update an iOS private library to the latest 15.0 runtime headers by preparing the development environment, cloning and compiling RuntimeBrowser, accessing its built‑in file server, and exporting the file list with wget for constructing a private API library.
This article details Ctrip’s experience integrating Kotlin Multiplatform Mobile (KMM) into its Android and iOS ticketing apps, covering background selection, overall architecture, Android and iOS integration steps, code examples, challenges such as concurrency model differences, and ecosystem considerations.
Airbnb’s Android team built an automated interaction testing system that traverses view hierarchies, records click actions and resulting state changes into JSON snapshots, enabling diff-based verification of UI behavior without writing traditional Espresso tests, and integrates with Happo for CI reporting.
This article explains how to use SwiftUI's NavigationView and NavigationLink for page navigation, covering basic setup, title bar customization, hiding the navigation bar, programmatic back actions, button style adjustments, advanced gestures, the isActive parameter, and dynamic navigation link generation for iOS apps.
This article presents a comprehensive guide on systematically managing iOS stability problems, covering issue classification, a governance methodology, detailed root‑cause analysis for crashes, watchdogs, OOM, CPU and disk I/O anomalies, and practical tools and case studies from ByteDance’s APM platform.
This article explains how Taobao builds a comprehensive client safety production system—covering development, build, release, and emergency stages—by leveraging Alibaba's mature technical solutions, automated platforms, and data‑driven processes to continuously improve code quality, user experience, and operational reliability.
Hello Ride boosts mobile development efficiency by empowering technical PMs as bridges between business and architecture, prioritizing demand value, and upgrading technology through modular, containerized (e.g., Flutter) and standardized components, enabling cross‑platform reuse, faster decision‑making, and reduced costs amid rapid business expansion.
This article details Beike PAD's journey with FlutterEngine, covering its initial single‑engine setup, the challenges of multi‑engine flashing, the custom communication plugin for engine isolation, and the adoption of FlutterEngineGroup in Flutter 2.0 to reduce memory usage and improve performance.
This article explains how to configure Gradle and AndroidManifest files to run individual modules independently in a multi‑module Android project and demonstrates the implementation of ARouter login interceptors to control navigation across modules.
This article provides a comprehensive analysis of iOS's Key-Value Observing (KVO) mechanism, covering its fundamentals, registration and observation steps, underlying isa‑swizzling implementation, usage patterns, common pitfalls, debugging techniques, and alternative solutions such as custom KVO implementations and the KVOController library.
Flutter’s navigation system uses a stateful Navigator widget that manages a stack of Route objects—such as OverlayRoute, TransitionRoute, ModalRoute, PageRoute, and PopupRoute—while an Overlay mirrors this stack with OverlayEntry widgets and the internal _Theatre component efficiently renders on‑stage and off‑stage pages.
This article explains how to use deep linking techniques—including URL schemes, Universal Links, and App Links—to directly launch mobile apps from H5 pages, covering their workflows, configuration files, advantages, drawbacks, and practical integration tips for iOS, Android, and WeChat environments.
The article introduces ARK, a dynamic iOS development mode that replaces traditional CocoaPods‑Xcode workflows with a lightweight repository and on‑demand component fetching, dramatically cutting pod install, compile, and index times while preserving full development capabilities.
The online Google Developer Summit in China covered Android 12's UI, performance, and privacy improvements, Flutter's cross‑platform dominance, TensorFlow use cases, ARCore enhancements, WebAssembly and PWA advances, and Play's new Data Safety requirements, providing a concise technical recap for developers.
This guide explains the core concepts, integration steps, and troubleshooting tips for using the Faceunity (相芯) Beauty SDK with NetEase NERtc on Android and iOS, covering OpenGL ES basics, EGL/EAGL interfaces, three rendering schemes, resource management, and platform‑specific setup.
The article examines the microapp architecture pattern—derived from microservices—to modularize mobile codebases, accelerate build and test cycles, and improve team autonomy, while also discussing its foundations, challenges, trade‑offs, and practical adoption steps.
This article examines Baidu's Tekes platform—its evolution from automated component publishing to a full‑stack mobile DevOps service—detailing its architecture, workflow engine, event‑driven pipeline, and how it boosts development efficiency across hundreds of repositories and product lines.
Ant Group’s Cube card system is a cross‑platform, dynamic UI solution that embeds lightweight, native‑like cards into mobile applications, offering high performance, low memory usage, multi‑threaded rendering, and a flexible DSL, while supporting developers with dedicated tooling and a robust architecture.
The article reveals that Android’s Activity mReferrer field, derived from Context.getBasePackageName(), can be forged by overriding getBasePackageName(), outlines its data flow from ActivityTaskManagerService to Activity.attach, and recommends using the immutable UID via Binder.getCallingUid() for reliable source verification.
Xianyu’s deep‑linking system uses custom URL schemes and iOS universal links to wake up the app, detects success, falls back to store or APK downloads, restores original parameters after install, auto‑fills tracking fields via an SDK, reports funnel metrics, and provides a reusable module for all external traffic scenarios.
This technical sharing session explores the Memory Graph capabilities within Volcengine's MARS-APMPlus monitoring suite, detailing how the Feishu iOS development team leveraged this non-intrusive tool to effectively diagnose and resolve Out-Of-Memory crashes, significantly enhancing mobile application stability and performance.
This article introduces Flutter, Google’s open‑source mobile UI framework, explains its cross‑platform rendering engine, compares it with React, and walks through building a Todo‑List app—including environment setup, project structure, Dart code, widget creation, routing, state management with Provider, and widget lifecycle—complete with code snippets and screenshots.
This article explains what symbolication is, how to generate and match dSYM files, perform local symbolication with Xcode or the symbolicatecrash tool, extract system library symbols from devices or firmware, and implement fast online symbolication for massive iOS crash logs.
This article investigates the Android dex2oat compilation restrictions introduced for targetSdkVersion ≥ 29, analyzes their impact on app performance, explores SELinux enforcement, and presents a practical solution using system commands and binder calls to trigger dex2oat compilation for both primary and secondary APKs, improving load and runtime speed.
This article explains how Android 12 introduces reconfigurable widgets, default configuration flags, new size attributes, responsive layouts, compound button interactions, and simplified collection RemoteViews, providing developers with richer, more interactive widget experiences on mobile devices.
This article explains the fundamentals of Android ViewGroup, its coordinate systems, the complete drawing pipeline from Activity creation to SurfaceFlinger, details the Measure‑Layout‑Draw phases, and provides a step‑by‑step guide to building a custom ViewGroup with custom LayoutParams and practical examples.
The article introduces major updates to the Taro React Native open‑source project, including a new react‑native template, GitHub Actions integration for automated builds, a Taro Playground app for debugging, and detailed CI/CD configurations to lower entry barriers for mobile app development.
The article explains the iOS code‑signing verification mechanism, why enterprise IPAs built for iOS 15 fail with a signature‑version error, and provides a step‑by‑step guide to re‑sign the package using newer signature formats, along with a deep dive into certificates, provisioning profiles, entitlements and the underlying cryptographic concepts.
Despite the rollout of 5G, mobile developers face hidden challenges: users see a 5G icon that may not reflect actual network mode, Android’s APIs inconsistently expose NR/NSA status, and iOS adds new constants, requiring careful handling to ensure app behavior aligns with true connectivity.
This guide explains how to set up ADB on a Windows PC, capture screenshots from an Android device, analyze the image to locate the game piece and platform in the WeChat Jump mini‑program, and automatically perform jumps using Python code that calculates press duration and simulates swipe input.
The article compares the view‑and‑layer tree architectures of iOS, Android, Web, and Flutter, explaining iOS’s UIView/CALayer hierarchy, coordinate system, and model‑presentation‑render trees, while detailing Flutter’s widget, element, render‑object, and layer trees, and highlighting their shared parse‑layout‑render pipeline and differing animation approaches.
This article examines the cause of jank in a vertically scrolling Flutter list page on low‑end Android devices, explains the rendering pipeline and build‑layout‑paint stages, and presents a frame‑splitting optimization using the keframe package that reduces frame time and improves smoothness, with performance data.
The article provides a detailed comparison of three Flutter dynamic frameworks—Fair 2.0, Kraken, and MXFlutter—covering their architecture, developer experience, and performance metrics such as package size, startup time, frame rate, and memory consumption, supported by code examples and real‑world test data.
The DeWu iOS tech salon held on September 25, 2021 brought together internal and external experts from DeWu, Alibaba, and ByteDance to share deep technical insights on video effect rendering, the MBox mobile toolchain, mobile AI with MNN, and the evolution of DeWu's iOS engineering practices, followed by interactive Q&A and community networking.
This article explains the concept of Time To Interactive (TTI) for the Kuaishou Android app, details how to quantify the metric using FrameTime instead of FPS, describes data collection methods, offline and online tracing, a performance lab, and comprehensive governance and task‑scheduling strategies to reduce startup lag.
This article investigates why text in Flutter buttons often fails to vertically center, analyzes Android font metrics and NotoSansCJK details, explores native Android solutions like includeFontPadding and Paint.getTextBounds, and proposes a Flutter implementation using minikin layout to achieve precise vertical centering.
This article introduces Fair 2.0, a Flutter dynamic framework used in the Anjuke Photo App to enable runtime widget updates, explains how to embed dynamic pages, register local widgets and templates, and presents performance data such as package size, memory usage, startup time, and frame rate.
Flutter is chosen for cross‑platform development because its single‑code Dart framework uses a self‑rendering engine and layered architecture—embedder, engine, and framework—to bypass JS bridges, delivering high‑performance, consistent UI via a GPU‑driven pipeline with layout, painting, and compositing optimizations.
This article details how Enterprise WeChat tackled the challenges of five‑platform UI development by adopting Flutter, describing its multi‑module architecture, hybrid stack engine management, communication via pigeon and dart‑ffi, performance optimizations, tooling, and dynamic‑loading strategies that enabled large‑scale cross‑platform deployment.
This article explains Android 64-bit adaptation, covering ABI concepts, SO file management, and automated platform solutions for finding missing SO packages to improve development efficiency.
This article explains the design and implementation of Fair 2.0 hot update for Flutter, compares existing industry solutions, details the overall update workflow, showcases code examples, and introduces the Fair‑API for managing file download and version control.
This guide lists several beginner‑friendly open‑source projects—including a Toutiao clone, a Meituan takeaway clone, and a Spring Boot online exam system—detailing their tech stacks, key features, and implementation highlights to help newcomers gain practical development experience.
This article introduces Fair 2.0, a Flutter dynamic framework that adds logic‑level syntactic sugar to simplify mixed layout‑logic scenarios, explains its dual‑state consistency design, presents three solution options with the chosen implementation, and provides code examples for registration and usage.
This week’s WecTeam Front‑end Weekly spotlights two technical deep‑dives: a Swift‑Objective‑C mixed‑compilation technique that slashes build times by 35%, and ByteDance’s large‑scale data‑tracking governance framework that underpins its trillion‑plus real‑time analytics pipeline.
This tutorial walks through creating nested navigation graphs, extracting them into separate XML files with the include tag, and reorganizing the app into core and feature modules, enabling a modular Android project while preserving existing navigation behavior.
This article explains why setting font‑weight 500 on PingFangSC‑Regular produces the same visual result as 400, why some Android devices only bold numeric/English characters, and provides practical fallback strategies and code examples for reliable mobile font rendering.
This article explains the architecture, communication protocols, JS loading/unloading, data binding, message dispatch, and third‑party extensions of the Fair 2.0 dynamic framework for Flutter, providing detailed code examples and design principles for integrating Dart, JS, and native layers.
This guide explains why raw iOS crash logs are unreadable, introduces dSYM files and DWARF debugging information, shows how to match UUIDs, compute addresses, and use both Xcode and command‑line tools for local symbolication, and describes a scalable online solution for massive crash‑log processing.
This article explains why a specially crafted Unicode string triggers an Android ANR by dissecting the Unicode line‑breaking (UAX #14) and bidirectional (UAX #9) algorithms, showing how runs ending with double zeros lead to an infinite loop in TextLine.getOffsetToLeftRightOf.
This comprehensive guide walks you through installing the Flutter SDK, configuring environment variables, creating projects and modules, understanding declarative versus imperative programming, exploring Flutter's three-layer architecture, rendering pipeline, platform channel integration, and provides a full counter‑app example with recent version highlights.
This article explains how to enable two-way communication between React Native and H5 pages using WebView, covering message handling in both directions, code examples for sending and receiving data, and important migration notes from the built‑in WebView to react‑native‑webview.
Fair 2.0 is an open‑source Flutter dynamic framework that enhances logic dynamicization, offering a compiler to transform Dart files into DSL and JS, with detailed architecture, comparisons to MXFlutter and Kraken, and a series of upcoming technical articles.
This article explains ByteDance’s automated precise testing solution, describing how method call‑chain analysis links code changes to Android Activities, enabling targeted test‑case recommendation, optimizing CI pipelines, and significantly improving test efficiency and coverage for large‑scale mobile projects.
This article describes Trip.com’s experience adapting its Android app to Android 11, covering background, key changes such as scoped storage and package visibility, migration strategies, implementation details, encountered challenges, and lessons learned for mobile developers.
This article explains how to play AAC (ADTS) audio on iOS by demonstrating the complete pipeline—from demuxing the file header and extracting raw data, through decoding with AudioConverterRef, to playback using AudioUnit and AUGraph, and even covering basic transcoding techniques.
This article details concrete techniques for reducing Flutter app memory consumption, focusing on image cache sizing, resource cropping, local caching, asset compression, cache thresholds, and page‑stack management, while providing step‑by‑step experiments, code snippets, and visual illustrations to guide developers.
This article investigates an Android ANR triggered by a while‑true loop in TextView's getOffsetForHorizontal, reproduces the issue on Pixel 2, explains how to extract trace files, compares Android Studio debugging with Frida dynamic hooking, and provides step‑by‑step instructions to reproduce and debug the bug.
The article describes how the MOO app team used Flutter's Dart VM Observatory and Allocation Profile tools to detect and fix an image memory leak caused by a custom painter not deregistering an ImageStreamListener, demonstrating step-by-step snapshot comparison, reference‑chain analysis, and the resulting memory stabilization after code fix.
This article explains why Core Data is needed for iOS data persistence, introduces its concepts such as entities, attributes, relationships, and ORM, walks through creating a data model file, configuring NSPersistentContainer, and demonstrates full CRUD operations with Swift code examples and best‑practice tips.
This article provides a comprehensive, macro-level analysis of Android's four core components—Activity, Service, BroadcastReceiver, and ContentProvider—detailing how each interacts with the ActivityManagerService (AMS) through Binder IPC, including code examples for startActivity, startService, bindService, broadcast, and ContentProvider operations across processes.
The article details MOO Music’s experience with Flutter memory management, explaining the Dart heap, stack, and external memory structures, common leak sources such as missing listener deregistration, unbounded widget lists, retained timers, static references, and third‑party or engine bugs, and offers practical detection and optimization techniques.
This guide provides a comprehensive overview of Android system architecture, explains the ADB communication mechanism, presents a detailed Android app testing checklist covering UI, compatibility, installation, OTA, interaction, concurrency, database, interface, performance, security, and other tests, and lists essential ADB commands and monitoring principles.
Jetpack Compose is a new Android UI framework that replaces traditional View and ViewGroup with a declarative approach, allowing developers to write less code, achieve faster development, and create more maintainable applications.
This article explains how iOS app launch works, presents methods for measuring startup time using system calls and Xcode Instruments, shares a detailed case study of the Maimai app, and offers concrete pre‑main and post‑main optimization techniques—including binary reordering, dynamic‑library reduction, concurrency control, and unconventional tricks—to achieve sub‑second launch performance.
This article explores software architecture concepts by drawing parallels with building design, explains the goals of architectural design such as scalability and maintainability, and demonstrates a practical Android MVVM implementation using WanAndroid with clean‑architecture patterns, Kotlin, and modular project structure.
This article guides developers through compiling, debugging, and analyzing the Flutter 2 Router source code, covering engine setup, architecture layers, key initialization classes, and practical steps to run a custom Flutter engine on Android and iOS.
This article presents a step‑by‑step guide for shrinking iOS app IPA size by leveraging App Thinning, removing unused image assets, compressing media, and eliminating dead code through tools like FengNiao, LSUnusedResources, AppCode, and LinkMap analysis.
JSBridge (JSB) enables bidirectional communication between a WebView’s JavaScript environment and native mobile code, covering WebView basics, platform-specific APIs, interception and injection methods, callback handling, and practical demos for both Android and iOS, helping developers implement robust cross‑platform bridges.
The article details JD.com's Mozi dynamic UI framework, describing its background, problem scope, design choices, version evolution, architecture, SDK, integration workflow, tooling, and future plans for mobile Android and iOS applications.
The article describes how a C++‑based cross‑platform framework and a unified routing mechanism were introduced to solve iOS and Android inconsistencies in WeChat Pay, resulting in fewer bugs, 45% less code, faster feature delivery, and a more reliable data‑flow architecture.
Mobile API gateways act as protocol adapters between networks, centralizing services for mobile apps; the article explains their role at Alibaba, the evolution of R&D efficiency through unified programming models and SDKs, large‑scale platform development, high‑availability strategies, and the EMAS top‑level model for mobile development.
This article explains how Xianyu identifies, monitors, and resolves Android ANR issues by analyzing root causes, implementing SIGQUIT‑based detection, inspecting thread stacks, and applying concrete optimizations such as SharedPreferences replacement, network broadcast caching, and delayed component registration, ultimately cutting ANR rates by more than half.
This article provides an in‑depth analysis of Flutter’s CustomScrollView component, covering its three‑layer architecture, rendering pipeline, scrollable mechanics, pinned header implementation, lazy‑loading strategy, and memory reuse techniques, illustrated with practical examples from Ctrip hotel app development.
This article walks you through using an Android phone to locate Xianyu’s video cache folder, rename the hidden file to MP4, and play or save the downloaded cat video, providing clear screenshots for each step.
This article explains how Aspect‑Oriented Programming is applied in Android development to achieve non‑intrusive privacy compliance checks and thread‑usage optimization, detailing the use of compile‑time ASM bytecode instrumentation and runtime Xposed/epic hooks, along with code examples and measured performance gains.
Chaplin Project replaces costly image‑to‑video synthesis on Xianyu by using centrally managed, OpenGL‑shader templates that combine product images with dynamic effects at playback, supported by a visual editor, resource platform, recommendation engine, and multi‑threaded client architecture, delivering richer browsing while conserving resources.
This article examines how Rust can unify client logic across Android and iOS, compares it with React Native and Flutter, and details a MVVM‑based architecture, binding mechanisms, and debugging optimizations that make Rust a lightweight, high‑performance solution for international mobile teams.
Learn how to manually create an iOS component library using CocoaPods, automate the process with the pod lib create scaffold, customize private templates, and develop a CocoaPods plugin to streamline library generation, complete with code examples and project structure details.
This article explains how to build a custom Android progress view featuring random particle motion, radial gradient backgrounds, sector clipping, pointer color changes, animated color transitions, and a jumping number display, with complete source code and step‑by‑step implementation details.
This article explains why Android developers need Gradle, describes the structure of a default Android project, details Gradle concepts such as projects, tasks, and the wrapper, and walks through dependency configurations, conflict resolution, and the complete build and packaging pipeline for APK generation.
Microsoft’s Windows 11 now runs Android apps natively through an Amazon Appstore integration, while Amazon’s adoption of the newer AAB packaging format offers developers smaller, device‑optimized downloads and distinct differences from Google Play’s requirements.
At Hello Travel, the team detailed how Flutter’s three‑layer architecture and two custom containers—Sparrow Microservice Container and Lumos Cross‑Platform Business Container—enable rapid exposure of native core functions, seamless integration of business logic, and consistent, high‑performance mobile development across more than nine business lines.
The article reports on community efforts to install the Windows 11 ARM64 preview on Android smartphones and Raspberry Pi devices, describing the Renegade Project, successful deployments on OnePlus 6T and Xiaomi 8, remaining limitations, and the required hardware and firmware modifications.
This article provides a step‑by‑step guide on using MotionLayout in Android, covering dependency setup, layout and MotionScene creation, defining start and end states, adding keyframe animations, gesture handling with OnSwipe, and common attributes for building complex UI transitions.
Baidu’s live‑streaming team cut startup latency by dissecting the three‑phase launch process, streamlining business‑logic handling, employing HTTPDNS pre‑resolution, forcing first‑frame rendering, low‑bitrate fallback, pre‑loading kernels, direct H.264 SPS/PPS parsing, and HLS m3u8 pre‑fetching, achieving sub‑3 ms DNS and hundreds‑millisecond overall gains.
The article presents Jiang Hongwei’s GMTC talk on 58RN’s instant‑open strategy, detailing performance metrics, LCP‑based first‑screen measurement, identified bottlenecks, and a series of optimizations—including resource pre‑loading, bundle splitting, native parallel fetching, and dynamic import—that collectively reduce page load time and improve business conversion rates.
Baidu’s live‑streaming startup latency was cut dramatically by streamlining the business‑scene flow, deploying device‑specific playback schemes, using HTTPDNS pre‑fetch, enhancing the kernel and media parsing, and pre‑loading HLS indexes, collectively delivering faster first‑screen times and improved QoE across iOS and Android devices.
This guide shows how to configure permissions, enable cleartext traffic, create a JS page, import the fetch module, and use fetch.fetch in the onInit lifecycle to retrieve JSON data from an external API and display it in a HarmonyOS UI.
By combining telemetry, Xcode Time Profile analysis, and a state‑machine‑driven deferment of playback until UI layout completes, the iQIYI Qixiu iOS team eliminated main‑thread SetFrame blocking and streamlined room‑data handling, boosting instant‑play success from roughly 56% to 78% and markedly improving first‑frame rendering latency.
LOCO Design System, created by 58.com, evolved from a poorly named “Basic Interaction” into a comprehensive, code‑driven UI framework covering graphic, interaction, marketing, and motion guidelines, offering three component modes, multimedia suites, and cross‑platform support to enhance collaboration between designers, engineers, and product teams.
This article breaks down the Android APK installation lifecycle—pre‑install, install, and post‑install—explaining each stage, offering command‑line methods, code examples, performance tweaks, and troubleshooting tips to help developers understand and optimize the whole process.
Starting in August 2021, Google Play will mandate that all newly published Android apps be distributed as Android App Bundles (AAB), a format that reduces app size by about 15% and enables dynamic delivery features, while existing apps remain unaffected.
This guide shows how to import the HarmonyOS storage module, use its get and set methods, and integrate them into a todo‑list app’s lifecycle so that tasks are saved across sessions, with full code examples and screenshots of the result.
This article details a Flutter‑based solution for automatically tracing Chinese characters, covering data preprocessing, SVG‑to‑coordinate conversion, scaling, Y‑axis inversion, translation, centering correction, and smooth stroke animation with frame‑rate optimization.
This article explains how MobX implements data binding and update mechanisms in Flutter, compares it with other state‑management frameworks, walks through the internal Observer‑Atom‑Reaction workflow with code examples, and presents common pitfalls and best‑practice recommendations for mobile developers.
