BestHub
Sign in
Tagged articles

mobile

307 articles · Page 3 of 4
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.

Androidarchitecturedevelopment
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 Systemarchitecturedynamic
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.

WebSocketdata channelinstant messaging
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.

AICTRedge computing
0 likes · 7 min read
Edge‑Cloud Integrated Recommendation for Xianyu "Mario" Feature
转转QA
转转QA
Jul 31, 2019 · Mobile Development

Automating Mobile App Packaging, Testing, and Release Management

The article outlines how to automate the end‑to‑end mobile app packaging workflow—from code submission and continuous integration to data collection, automated testing, and release management—highlighting the benefits of reducing manual effort, improving reliability, and enabling comprehensive historical package tracking.

app-packagingautomationdata collection
0 likes · 6 min read
Automating Mobile App Packaging, Testing, and Release Management
Youku Technology
Youku Technology
Jul 26, 2019 · Frontend Development

2019 Frontend Development Trends and Predictions – Summary by Alibaba Frontend Expert

In 2019 front‑end development, React, Vue and Angular stabilized and converged toward Web Components, while zero‑configuration stacks like Umi simplified tooling, PWAs matured, mini‑programs surged, TypeScript adoption accelerated, WebAssembly gained traction, and browsers evolved into universal runtime platforms across devices.

PWATypeScriptWebAssembly
0 likes · 25 min read
2019 Frontend Development Trends and Predictions – Summary by Alibaba Frontend Expert
Youzan Coder
Youzan Coder
Jul 24, 2019 · Mobile Development

Mastering Flutter Plugins: Architecture, Development, Testing, and Publishing

This comprehensive guide explains what Flutter plugins are, why they are essential, the MethodChannel communication model, step‑by‑step plugin creation, common pitfalls, testing strategies, publishing to public or private repositories, and a real‑world case study of a routing plugin, providing all the code and configuration details developers need to build and distribute their own Flutter plugins.

AndroidDartFlutter
0 likes · 20 min read
Mastering Flutter Plugins: Architecture, Development, Testing, and Publishing
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Jul 19, 2019 · Frontend Development

Mobile Web Adaptation: Principles, Terminology, Viewport, and Common Solutions

This article explains the fundamentals of mobile web adaptation, covering key concepts such as screen resolution, pixel density, device pixel ratio, viewport types, and presents several practical solutions—including flexible+rem, CSS3 media queries with vw, and pure vw approaches—along with implementation details and case studies.

VWfrontendmobile
0 likes · 20 min read
Mobile Web Adaptation: Principles, Terminology, Viewport, and Common Solutions
21CTO
21CTO
Jul 6, 2019 · Mobile Development

How Zhihu Accelerated Mobile Ad Updates with the Morph DSL Native+ Solution

Zhihu’s Morph dynamic solution, built on a Flexbox‑based DSL and JSON, enabled rapid, cross‑platform updates of mobile ad cards, dramatically reducing rollout time from eight days to one and supporting over 70 styles with minimal impact on app size and performance.

Ad TechDSLDynamic UI
0 likes · 20 min read
How Zhihu Accelerated Mobile Ad Updates with the Morph DSL Native+ Solution
MaoDou Frontend Team
MaoDou Frontend Team
Jul 3, 2019 · Frontend Development

How to Achieve True 1px Borders on High‑DPI Mobile Screens

This article explains why 1 px borders appear thick on high‑resolution mobile devices, explores the role of devicePixelRatio, and presents five practical solutions—including iOS 0.5 px borders, border‑image, box‑shadow, pseudo‑elements, and viewport scaling—along with their pros, cons, and common pitfalls.

1px borderdevicePixelRatiofrontend development
0 likes · 11 min read
How to Achieve True 1px Borders on High‑DPI Mobile Screens
WeChat Client Technology Team
WeChat Client Technology Team
Jul 1, 2019 · Mobile Development

Leveraging Mini‑Program Stack & Flutter for High‑Performance Mobile Cross‑Platform Development

This article details the WeChat client team's evolution from early C99‑based cross‑platform components to a mini‑program‑centric architecture, examines performance challenges on Android, and describes how integrating native rendering, the LV‑CPP C++ layer, and Flutter dramatically improved UI consistency, efficiency, and maintainability across iOS and Android.

DartPerformancemini-program
0 likes · 24 min read
Leveraging Mini‑Program Stack & Flutter for High‑Performance Mobile Cross‑Platform Development
Efficient Ops
Efficient Ops
Jun 24, 2019 · Fundamentals

Mastering IPv6: From Basics to Mobile App Auto‑Fallback Mechanisms

This article provides a comprehensive IPv6 introduction covering core concepts, supported operating systems, address formats, and essential network tools, and also examines how mobile applications automatically downgrade from IPv6 to IPv4 in dual‑stack environments, offering practical insights and real‑world testing examples.

Dual StackIPv6Tools
0 likes · 16 min read
Mastering IPv6: From Basics to Mobile App Auto‑Fallback Mechanisms
Java Captain
Java Captain
May 21, 2019 · Backend Development

QR Code Login Mechanism: Web and Mobile Interaction Overview

This article explains the QR‑code login process, detailing how the web front‑end, server, Redis store, and mobile application cooperate to generate a QR code, verify the scan, and complete user authentication using tokens and UUIDs.

AuthenticationBackendQR Code Login
0 likes · 5 min read
QR Code Login Mechanism: Web and Mobile Interaction Overview
iQIYI Technical Product Team
iQIYI Technical Product Team
Jan 25, 2019 · Artificial Intelligence

Mobile AI Digit Recognition for Game Live Streaming: Model Training, Optimization, and Cross‑Platform Deployment

Developers built a lightweight on‑device CNN that recognizes PUBG Mobile kill counts and player numbers in real time, merging MNIST and custom digit data, shrinking the model to under 500 KB, achieving over 99 % accuracy with sub‑10 ms latency, and deploying it via CoreML on iOS and TensorFlow Lite on Android for cross‑platform live‑stream integration.

AICoreMLDigitRecognition
0 likes · 10 min read
Mobile AI Digit Recognition for Game Live Streaming: Model Training, Optimization, and Cross‑Platform Deployment
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.

CachingPerformanceWeex
0 likes · 12 min read
Boost Mobile App Performance: A Hands‑On Journey with Weex
JD Retail Technology
JD Retail Technology
Dec 24, 2018 · Mobile Development

Introducing ARES Cross‑Platform Mobile Development Solution and JDReact‑to‑WeChat Mini‑Program Conversion Tool

The article presents JD.com's ARES cross‑platform mobile development suite, its five product modules, and the ARES Mini‑Program Conversion Tool that uses AST manipulation and a custom mini‑React runtime to transform React Native code into WeChat Mini‑Program code, covering installation, usage, component alignment, third‑party integration, routing, animation, and conversion constraints.

ASTmobilereact-native
0 likes · 11 min read
Introducing ARES Cross‑Platform Mobile Development Solution and JDReact‑to‑WeChat Mini‑Program Conversion Tool
Xianyu Technology
Xianyu Technology
Dec 14, 2018 · Mobile Development

How to Build a Lightweight Flutter Router with Dart Annotations

This article explains how to replace cumbersome if‑else or manual map‑based routing in Flutter with a lightweight, annotation‑driven solution that automatically generates a page‑to‑URL mapping at compile time, using Dart's source_gen, build, and analyser packages.

DartFlutterannotations
0 likes · 10 min read
How to Build a Lightweight Flutter Router with Dart Annotations
JD Tech Talk
JD Tech Talk
Sep 25, 2018 · Mobile Development

How to Obtain and Unpack WeChat Mini Program .wxapkg Files (Part 1)

This step‑by‑step tutorial explains how to locate the .wxapkg package of a WeChat Mini Program on a jail‑broken iPhone or rooted Android device, copy it to a computer, and unpack it to reveal the obfuscated JavaScript, JSON configuration, WXML, WXSS and resource files.

AndroidMiniProgramReverseEngineering
0 likes · 7 min read
How to Obtain and Unpack WeChat Mini Program .wxapkg Files (Part 1)
Java Captain
Java Captain
Sep 6, 2018 · Backend Development

Implementation Principles of QR Code Login

This article explains the architecture and step‑by‑step workflow of QR code login, covering how the web front‑end, mobile client, and server (including Redis storage and token verification) cooperate to generate a QR code, poll for authentication, and complete a secure user login.

AuthenticationQR Code LoginRedis
0 likes · 7 min read
Implementation Principles of QR Code Login
360 Tech Engineering
360 Tech Engineering
Aug 30, 2018 · Mobile Development

Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparisons

This article examines the difficulties of mobile H5 performance testing—including root‑required tcpdump, JavaScript injection, HTTPS pcap parsing, and white‑screen timing—provides background on mobile browsers, outlines performance metrics, compares four testing approaches, and describes a WebView monitoring workflow with data conversion and visualization.

PerformanceWebViewmitmproxy
0 likes · 10 min read
Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparisons
360 Quality & Efficiency
360 Quality & Efficiency
Aug 29, 2018 · Frontend Development

Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparison

This article examines the difficulties of automating mobile H5 performance testing—such as root‑required tcpdump, HTTPS pcap parsing, and ambiguous white‑screen timing—and presents background on mobile browsers, W3C performance metrics, and a comparative review of practical testing tools and a custom WebView monitoring workflow.

PerformanceWebViewmitmproxy
0 likes · 10 min read
Mobile H5 Performance Testing: Challenges, Solutions, and Tool Comparison
Didi Tech
Didi Tech
Aug 14, 2018 · Mobile Development

Understanding GPS Technology and Its Applications in Mobile Location Services

GPS, originally a U.S. military system, now powers smartphones but struggles in urban canyons, tunnels, and elevated roads, so Didi’s Fusion Location Provider blends satellite data with Wi‑Fi fingerprinting, network positioning, dead‑reckoning, and map‑matching to deliver precise, reliable location for ride‑hailing services.

GPSLocation Servicesdata fusion
0 likes · 5 min read
Understanding GPS Technology and Its Applications in Mobile Location Services
360 Quality & Efficiency
360 Quality & Efficiency
Jul 20, 2018 · Mobile Development

Automated Mobile H5 Performance Testing Using tcpdump and JavaScript Injection

The article presents a comprehensive, automated approach for measuring mobile H5 page performance—including start‑render, DOM‑ready, and page‑load times—by capturing network traffic with tcpdump, injecting JavaScript via the WebView, converting pcap files to HAR, and visualizing results similar to Chrome DevTools.

H5automationjs injection
0 likes · 7 min read
Automated Mobile H5 Performance Testing Using tcpdump and JavaScript Injection
Qunar Tech Salon
Qunar Tech Salon
Jul 11, 2018 · Mobile Development

Evolution of Native Mobile Development and Heterogeneous Solutions: From Small Apps to Dynamic Components and Cross‑Platform Frameworks

The article reviews the history of native Android development, describes the shift from small‑app architectures to static and dynamic componentization, examines hybrid and cross‑platform solutions such as WebView‑based, script‑DSL, and independent runtimes, and outlines future trends and strategic choices for mobile teams.

ComponentizationNativeReact Native
0 likes · 12 min read
Evolution of Native Mobile Development and Heterogeneous Solutions: From Small Apps to Dynamic Components and Cross‑Platform Frameworks
Xianyu Technology
Xianyu Technology
Jul 10, 2018 · Mobile Development

Flutter Adoption and Hybrid Integration in Xianyu: Architecture, Performance, and Lessons

Xianyu’s technical team integrated Flutter into its most complex product‑detail page, choosing Dart for its UI model, adopting a reusable FlutterView to unify navigation stacks, exporting Flutter modules as AARs, optimizing memory and image caching, and demonstrating performance comparable to native while outlining lessons for large‑scale adoption.

hybridmobile
0 likes · 11 min read
Flutter Adoption and Hybrid Integration in Xianyu: Architecture, Performance, and Lessons
Qunar Tech Salon
Qunar Tech Salon
Jun 6, 2018 · Frontend Development

Quick Apps vs Mini Programs: A Comprehensive Comparison of Usage, APIs, Components, Styles, and Development Practices

This article compares quick apps and WeChat mini programs across usage scenarios, entry points, API differences, component implementations, styling, event handling, static resources, and version constraints, highlighting how quick apps offer a more native‑like experience while leveraging front‑end technologies.

APIcomparisonmini-programs
0 likes · 7 min read
Quick Apps vs Mini Programs: A Comprehensive Comparison of Usage, APIs, Components, Styles, and Development Practices
Architecture Digest
Architecture Digest
May 12, 2018 · Mobile Development

Mobile App Architecture: Principles, Evolution, and Implementation Practices

This article explores mobile application architecture by discussing its conceptual foundations, evolution of industry app architectures, design principles such as separation of concerns and abstraction, practical technical selections, modular design, development implementation, testing, and agile processes, offering a comprehensive guide for developers.

AndroidBest PracticesDesign
0 likes · 45 min read
Mobile App Architecture: Principles, Evolution, and Implementation Practices
Meitu Technology
Meitu Technology
May 10, 2018 · Frontend Development

Understanding Mobile Gesture Principles and Their Front-End Implementation

The article explains the mathematical foundations and front‑end implementation of five common mobile gestures—drag, pinch, rotate, single‑finger pinch, and single‑finger rotate—using native touch events, vector calculations, and matrix transformations, and provides a lightweight library that emits incremental gesture events for easy integration.

Vectorfrontendgesture
0 likes · 16 min read
Understanding Mobile Gesture Principles and Their Front-End Implementation
JD Tech
JD Tech
Apr 26, 2018 · Frontend Development

Using HTML5 Video Tag in Mobile Web: Attributes, Inline/Fullscreen Playback, Dynamic Source Replacement, Live Streaming, and Common Issues

This article explains how to use the HTML5 video tag on mobile web pages, covering common attributes, inline versus fullscreen playback on iOS and Android, dynamic source updates in Vue, live‑streaming protocols with video.js, and practical fixes for background‑audio and layering problems.

HTML5Vuefrontend
0 likes · 13 min read
Using HTML5 Video Tag in Mobile Web: Attributes, Inline/Fullscreen Playback, Dynamic Source Replacement, Live Streaming, and Common Issues
360 Tech Engineering
360 Tech Engineering
Apr 25, 2018 · Fundamentals

A Guide to Qihoo 360’s Important Open‑Source Projects

This article surveys Qihoo 360’s notable open‑source projects—including distributed system testing tools, high‑performance storage services, AI scheduling platforms, database alternatives, frontend frameworks, mobile plugin solutions, and development utilities—highlighting their purposes, key features, and public GitHub repositories.

Artificial IntelligenceCloud ComputingDevOps
0 likes · 7 min read
A Guide to Qihoo 360’s Important Open‑Source Projects
JD Tech
JD Tech
Apr 3, 2018 · Frontend Development

Implementing a Mobile Drag‑and‑Drop Component with Vue

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

ComponentDrag-and-DropTouch Events
0 likes · 10 min read
Implementing a Mobile Drag‑and‑Drop Component with Vue
JD Tech
JD Tech
Mar 16, 2018 · Frontend Development

JDReact Development Guide for the JD Oil Card Shell Project

This comprehensive guide details the setup, configuration, component customization, routing, context usage, debugging, and deployment processes for building the JD Oil Card Shell application with JDReact, covering both Android and iOS platforms, common pitfalls, and practical code examples.

ContextJDReactReactNative
0 likes · 18 min read
JDReact Development Guide for the JD Oil Card Shell Project
360 Quality & Efficiency
360 Quality & Efficiency
Jan 24, 2018 · Fundamentals

Understanding Video Basics: Frame Rate, Resolution, and Bitrate

This article explains the fundamental video parameters—frame rate, resolution, and bitrate—how they affect playback smoothness and visual clarity, compares differences between film and game rendering, and offers practical guidance for optimizing video quality on mobile devices.

bitrateframe ratemedia
0 likes · 9 min read
Understanding Video Basics: Frame Rate, Resolution, and Bitrate
Meituan Technology Team
Meituan Technology Team
Jan 18, 2018 · Backend Development

Performance Optimization Practices for Meituan's Overseas Business

The article outlines Meituan Travel’s overseas performance‑optimization strategy, detailing network enhancements such as HttpDNS, CDN nodes and long‑connection proxies, frontend tactics like CDN‑served static HTML, adaptive images and server‑side rendering, backend improvements including SSD upgrades, caching, serviceization and async I/O, and a dual‑region architecture that together boost load speed, reliability and scalability.

Backendfrontendmobile
0 likes · 26 min read
Performance Optimization Practices for Meituan's Overseas Business
21CTO
21CTO
Jan 12, 2018 · Fundamentals

8 Must‑Build Projects to Supercharge Your Coding Muscles

This article presents eight hands‑on project ideas—from cloning Trello and building a user‑management dashboard to creating a native cryptocurrency tracker and a Messenger clone—designed to strengthen your coding skills across frontend, backend, and mobile development while teaching essential tools like React, Redux, Webpack, and APIs.

Backendcoding practicefrontend
0 likes · 6 min read
8 Must‑Build Projects to Supercharge Your Coding Muscles
网易UEDC
网易UEDC
Jan 8, 2018 · Mobile Development

Designing Effective B‑End Configuration Platforms for Mobile Apps

This article explores the unique challenges of building B‑end configuration tools for mobile products, offering practical design guidelines such as timely preview, WYSIWYG interfaces, strong feedback loops, and content‑balancing strategies to enhance control and user experience across both backend and mobile fronts.

B-endPreviewUI/UX
0 likes · 12 min read
Designing Effective B‑End Configuration Platforms for Mobile Apps
21CTO
21CTO
Dec 20, 2017 · Frontend Development

Explore the Best Frontend UI Frameworks for Mobile, PC & Hybrid Apps

This guide compiles the most popular frontend UI frameworks for mobile, PC and hybrid app development, summarizing each library's origin, key features, GitHub statistics, installation methods and demo links to help developers quickly choose the right toolkit.

UI frameworkWebfrontend
0 likes · 17 min read
Explore the Best Frontend UI Frameworks for Mobile, PC & Hybrid Apps
Qunar Tech Salon
Qunar Tech Salon
Nov 15, 2017 · Operations

Mobile QQ Operations: Business Overview, Network Fault Cases, Backend Architecture Optimization, Global Intelligent Scheduling, and Mobile Network Performance Enhancements

This article details Mobile QQ's rapid growth, analyzes network fault cases in China and Hong Kong, describes the evolution of its backend architecture from single to three‑center deployment, and explains global intelligent scheduling and mobile‑side optimizations that dramatically improve latency and reliability.

QQintelligent schedulingmobile
0 likes · 19 min read
Mobile QQ Operations: Business Overview, Network Fault Cases, Backend Architecture Optimization, Global Intelligent Scheduling, and Mobile Network Performance Enhancements
360 Quality & Efficiency
360 Quality & Efficiency
Nov 8, 2017 · Mobile Development

Automated Testing Framework for a Mobile Advertising SDK Using Cucumber and Appium

The article describes a comprehensive automated testing solution for a mobile advertising SDK that combines UI automation with Appium, behavior‑driven test management with Cucumber, dynamic request/response mocking via anyproxy, and JSON‑schema validation to improve test efficiency, reliability, and coverage.

AppiumCucumberadvertising SDK
0 likes · 18 min read
Automated Testing Framework for a Mobile Advertising SDK Using Cucumber and Appium
Qunar Tech Salon
Qunar Tech Salon
Sep 21, 2017 · Mobile Development

Design and Refactoring of a Mobile Schema Dispatch Mechanism

This article explains the concept of custom schema URLs in mobile development, describes the problems of a growing ad‑hoc implementation, and presents a refactored, configuration‑driven architecture that provides automatic matching, self‑documenting schemas, and integrated testing for Android apps.

deep linkingdocumentationmobile
0 likes · 9 min read
Design and Refactoring of a Mobile Schema Dispatch Mechanism
AntTech
AntTech
Sep 14, 2017 · Frontend Development

Quick Guide to Developing Alipay Mini Programs

This article provides a step‑by‑step tutorial on registering as a developer, obtaining an AppID, installing the Alipay Mini Program IDE, creating a project, editing code, understanding the app and page structure, debugging, previewing on devices, and finally publishing a functional Alipay mini‑program.

AlipayTutorialfrontend
0 likes · 10 min read
Quick Guide to Developing Alipay Mini Programs
Baidu Intelligent Testing
Baidu Intelligent Testing
Sep 8, 2017 · Mobile Development

Android OEM ROM Features and Their Impact on App Testing

This article provides a comprehensive overview of the distinctive Android ROM customizations from major Chinese manufacturers—Huawei, OPPO, VIVO, Xiaomi, and Meizu—as well as key changes in Android versions 4.0 to 7.0, explaining how each feature affects app compatibility, permission handling, power management, and testing strategies.

AndroidOEMPowerManagement
0 likes · 16 min read
Android OEM ROM Features and Their Impact on App Testing
Baixing.com Technical Team
Baixing.com Technical Team
Aug 15, 2017 · Mobile Development

How a Lightweight “General List” Framework Enables Remote UI Updates in Mobile Apps

This article introduces the General List lightweight dynamic framework for mobile apps, explaining its motivation, goals, technical choices, client‑side architecture, template‑driven rendering process, layout calculations, click‑event handling via router URLs, limitations, and future enhancements, offering a practical alternative to hybrid or React Native solutions.

Dynamic UITemplate Renderingmobile
0 likes · 15 min read
How a Lightweight “General List” Framework Enables Remote UI Updates in Mobile Apps
Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Jul 20, 2017 · Mobile Development

Common Mobile Webview Styling Pitfalls and Practical CSS Tips for Android and iOS

This article summarizes frequent CSS rendering inconsistencies across Android and iOS webviews, covering line‑height quirks, multiline ellipsis, badge implementation, image‑text layouts, adaptive width handling, inline‑block behavior, and simulated scrolling, while offering concrete code snippets and visual examples.

CSSLayoutResponsive
0 likes · 7 min read
Common Mobile Webview Styling Pitfalls and Practical CSS Tips for Android and iOS
Architecture Digest
Architecture Digest
Jul 19, 2017 · Fundamentals

A Curated List of Notable Alibaba Open‑Source Projects

This article presents a comprehensive overview of prominent Alibaba open‑source projects spanning frontend frameworks, mobile cross‑platform solutions, backend systems, databases, testing tools, and UI components, each with brief descriptions and GitHub links for developers seeking robust, enterprise‑grade resources.

AlibabaBackendDevTools
0 likes · 13 min read
A Curated List of Notable Alibaba Open‑Source Projects
Efficient Ops
Efficient Ops
Jul 9, 2017 · Mobile Development

Why Users Quit Slow Apps: Insights from China’s 2016 Mobile Performance Report

The 2016 China Mobile App Performance Report, released by leading APM provider Tingyun, analyzes iOS and Android crash rates, network performance, error distributions, and third‑party API responsiveness, revealing that iOS apps crash five times more often than Android, network errors dominate failures, and certain industries suffer higher latency, offering developers data‑driven guidance to improve user experience.

APICrashPerformance
0 likes · 7 min read
Why Users Quit Slow Apps: Insights from China’s 2016 Mobile Performance Report
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 6, 2017 · Frontend Development

Fix Mobile Photo Rotation Issues with EXIF and Canvas

This article explains how to detect the EXIF Orientation tag on mobile‑captured photos, rotate them correctly with canvas, and compress the result to reduce size, providing a lightweight solution for fixing 90° rotation issues on iPhone and certain Android devices.

CanvasCompressionEXIF
0 likes · 5 min read
Fix Mobile Photo Rotation Issues with EXIF and Canvas
System Architect Go
System Architect Go
Jun 4, 2017 · Frontend Development

Understanding User Agent Parsing and Using the ua-device Library

This article explains how User Agent strings reveal operating system, CPU, browser and mobile device details, discusses the challenges of parsing mobile UA strings, introduces Baidu's open‑source ua-device library for accurate detection, and provides testing links for developers.

Browser DetectionUser-Agentmobile
0 likes · 4 min read
Understanding User Agent Parsing and Using the ua-device Library
Ctrip Technology
Ctrip Technology
Apr 6, 2017 · Mobile Development

Designing Ctrip's Mobile Continuous Delivery Platform: Integration, Testing, Release, and Operations

This article details Ctrip's engineering practice of building a mobile continuous delivery platform that automates integration, testing, release, and operation of hundreds of native, hybrid, and React‑Native bundles, addressing scalability, efficiency, and quality challenges through message‑driven architecture, bundle splitting, automated testing, and gray‑release strategies.

BundleCI/CDCtrip
0 likes · 15 min read
Designing Ctrip's Mobile Continuous Delivery Platform: Integration, Testing, Release, and Operations
网易UEDC
网易UEDC
Mar 22, 2017 · Frontend Development

Mastering Overlay Layers: Dialogs, Toasts, and Snackbars Explained

This article defines overlay layers, compares dialog boxes, toasts, and snackbars, outlines their modal and non‑modal variants, usage scenarios, design tips, advantages, and drawbacks, helping designers choose the right temporary UI component for mobile and web applications.

DialogOverlayToast
0 likes · 10 min read
Mastering Overlay Layers: Dialogs, Toasts, and Snackbars Explained
Efficient Ops
Efficient Ops
Feb 21, 2017 · Mobile Development

How Alibaba Scales Mobile App Ops: Gray Release, Monitoring, and Rapid Fixes

This article details Alibaba's mobile app operational practices, covering the challenges of client-side maintenance, their high‑frequency release pipeline, gray‑release mechanisms, monitoring, trace systems, remote logging, and rapid issue resolution to ensure stability and performance at massive scale.

Gray ReleasePerformancemobile
0 likes · 21 min read
How Alibaba Scales Mobile App Ops: Gray Release, Monitoring, and Rapid Fixes
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 21, 2017 · Frontend Development

WeChat Mini Programs Demystified: Architecture, Views, and Tips

This article introduces WeChat Mini Programs, explains their architecture—including view and logic layers—details the WXML and WXSS syntax, outlines the development environment and routing APIs, and shares practical advantages and limitations to help developers build efficient mini‑apps.

WXMLWXSSWeChat Mini Programs
0 likes · 5 min read
WeChat Mini Programs Demystified: Architecture, Views, and Tips
Efficient Ops
Efficient Ops
Feb 15, 2017 · Operations

Mastering the One‑Second Rule: Boost Mobile User Experience in 2024

This article explains how mobile network characteristics, the one‑second rule, and targeted optimizations in access scheduling, protocols, and business logic can dramatically improve download success, startup speed, and overall user experience for mobile services.

Performancemobilenetwork
0 likes · 24 min read
Mastering the One‑Second Rule: Boost Mobile User Experience in 2024
JavaScript
JavaScript
Jan 16, 2017 · Frontend Development

How to Stop Mobile Layout Shifts Caused by Lazy‑Loaded Images

This article explains why images that load after the DOM cause noticeable layout jumps on mobile pages and presents four CSS‑based solutions—media queries with pixels, rem units, viewport‑based vm units, and percentage padding—along with a complete example that eliminates the shift.

CSSfrontendimage placeholder
0 likes · 4 min read
How to Stop Mobile Layout Shifts Caused by Lazy‑Loaded Images
360 Quality & Efficiency
360 Quality & Efficiency
Oct 17, 2016 · Mobile Development

Mock + Proxy in Automated Testing for an Advertising SDK

This article examines the challenges of testing a mobile advertising SDK—such as missing server environments, extensive protocol fields, and costly manual test case updates—and proposes a mock‑proxy strategy, a minimal‑case design approach, and full automation to improve coverage and efficiency.

MockProxySDK
0 likes · 5 min read
Mock + Proxy in Automated Testing for an Advertising SDK
Suning Design
Suning Design
Oct 12, 2016 · Game Development

How Daydream’s Controller Redefines Mobile VR Interaction

This article explores Google Daydream’s controller—from its pocket‑sized hardware and Bluetooth connection to its ray‑cast cursor, continuous and discrete motion gestures, touch‑pad click mechanics, and button functions—showing how hand‑based control upgrades VR experiences while reducing neck strain.

ControllerDaydreamGame
0 likes · 14 min read
How Daydream’s Controller Redefines Mobile VR Interaction
Aotu Lab
Aotu Lab
Sep 1, 2016 · Frontend Development

Mastering Mobile Front‑End Adaptation: From Design Specs to Responsive Implementation

This guide explains how to choose representative mobile device sizes, compares four front‑end adaptation techniques—meta‑scale, percentage width, media‑query responsive, and REM scaling—and offers practical advice for designers and developers to coordinate their workflows for seamless handoff.

adaptationmeta viewportmobile
0 likes · 9 min read
Mastering Mobile Front‑End Adaptation: From Design Specs to Responsive Implementation
Ctrip Technology
Ctrip Technology
Aug 19, 2016 · Mobile Development

Android Modular Development with the Spider Framework

The article presents an in‑depth technical overview of Qunar's Spider framework for Android modular development, describing its component model, architecture, development workflow, performance benefits, comparison with other dynamic‑loading solutions, and step‑by‑step guidance for building and releasing Spider‑based apps.

AndroidComponent ArchitectureDynamic Loading
0 likes · 6 min read
Android Modular Development with the Spider Framework
Baidu Intelligent Testing
Baidu Intelligent Testing
Aug 16, 2016 · Mobile Development

Building a Comprehensive Monitoring System for Mobile Apps: Problem Discovery, Localization, and Damage Control

This article explains how to design a complete mobile app monitoring framework that covers problem discovery through key quality metrics and user feedback, systematic log instrumentation, effective issue localization methods, and rapid damage‑control strategies such as cloud‑based feature toggles and hot‑fix mechanisms.

PerformanceQualitycrash analysis
0 likes · 12 min read
Building a Comprehensive Monitoring System for Mobile Apps: Problem Discovery, Localization, and Damage Control
Baidu Intelligent Testing
Baidu Intelligent Testing
Aug 11, 2016 · Mobile Development

Common Mobile App Quality Issues and Monitoring Challenges

The article outlines typical mobile app quality problems such as adaptation, user experience, and traffic consumption, discusses their characteristics and impact assessment, and emphasizes the need for a comprehensive monitoring system to quickly detect, locate, and mitigate issues in production.

Performanceapp qualitymobile
0 likes · 8 min read
Common Mobile App Quality Issues and Monitoring Challenges
Nightwalker Tech
Nightwalker Tech
Jul 28, 2016 · Frontend Development

Best Practices for Image Compression and Delivery in Mobile and Web Applications

This article compiles practical techniques for reducing image size, selecting optimal formats like WebP, leveraging compression libraries, employing CDN and HTTP caching strategies, and handling server‑side processing to improve bandwidth usage and user experience on both mobile and desktop platforms.

Cachingfrontendimage compression
0 likes · 6 min read
Best Practices for Image Compression and Delivery in Mobile and Web Applications
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 13, 2016 · Frontend Development

Master Mobile Front-End Refactoring: Essential CSS Techniques & Tips

This tutorial series revisits mobile front‑end refactoring, summarizing key techniques such as viewport configuration, CSS3 selectors, pseudo‑elements, responsive units (%, rem, vw, vh), Flexbox layouts, retina‑aware 1px borders, fixed positioning challenges, image placeholder strategies, centering methods, equal‑width distribution, and essential CSS3 animations.

mobilerefactoringresponsive-design
0 likes · 9 min read
Master Mobile Front-End Refactoring: Essential CSS Techniques & Tips
Qunar Tech Salon
Qunar Tech Salon
Jul 11, 2016 · Product Management

Growth Methodology for Mobile Apps: Acquisition, Retention, A/B Testing, and Deep Linking

The article presents a comprehensive overview of mobile growth methodology, covering the definition of growth, its rising importance in China, core AARRR metrics, experimental workflows, cross‑functional team structure, mobile‑specific challenges, user onboarding funnels, A/B testing architecture, deep‑linking techniques, and practical recommendations for incremental, cost‑effective implementation.

A/B testingdeep linkinggrowth
0 likes · 25 min read
Growth Methodology for Mobile Apps: Acquisition, Retention, A/B Testing, and Deep Linking
Architecture Digest
Architecture Digest
Jun 21, 2016 · Mobile Development

Developing a Mobile Dragon Boat Festival Activity Page: Drafting, CSS, Sprite, and CreateJS Implementation

The article details the author’s process of building a mobile Dragon Boat Festival activity page, emphasizing the importance of drafting, systematic CSS styling, sprite generation, reusable UI components, CSS3 animations, and a simple CreateJS‑based mini‑game, offering practical tips for mobile front‑end development.

CreateJSSpriteUI library
0 likes · 11 min read
Developing a Mobile Dragon Boat Festival Activity Page: Drafting, CSS, Sprite, and CreateJS Implementation
Tencent TDS Service
Tencent TDS Service
May 26, 2016 · Frontend Development

How to Build an HTML5 3D Panoramic VR Tour with Three.js

This article walks you through creating a mobile‑friendly HTML5 3D panoramic VR experience using Three.js, covering panoramic image acquisition, tool selection, scene setup, camera and renderer configuration, cube‑map construction, gyro integration, and performance optimizations.

HTML5PanoramicThree.js
0 likes · 10 min read
How to Build an HTML5 3D Panoramic VR Tour with Three.js
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 26, 2016 · Mobile Development

Choosing px, %, or rem for Mobile Layouts: When and Why?

This article examines how to choose between px, %, and rem units for mobile web layouts, discussing width and height uncertainties, the role of media queries, and practical recommendations for using each unit effectively across various screen sizes.

media queriesmobilepercentage
0 likes · 6 min read
Choosing px, %, or rem for Mobile Layouts: When and Why?
Architecture Digest
Architecture Digest
Apr 21, 2016 · Backend Development

Evolution and Refactoring of Autohome Mobile Backend Architecture

The article chronicles Autohome's mobile backend transformation from a monolithic ALL‑IN‑ONE design to a modular, high‑availability microservice architecture, detailing the challenges of traffic surge, resource coupling, and rapid releases, and describing the adopted solutions such as service decomposition, stateless design, Java migration, RPC framework, asynchronous components, and comprehensive monitoring and tracing.

microservicesmobilemonitoring
0 likes · 11 min read
Evolution and Refactoring of Autohome Mobile Backend Architecture
21CTO
21CTO
Feb 11, 2016 · Mobile Development

Google to Embed VR Directly into Android: What It Means for Mobile VR

Google announced a new Android‑integrated virtual reality headset, a successor to Cardboard, aiming to challenge Oculus and expand VR adoption by leveraging smartphones, which could reshape the VR hardware market and shift competition toward content creation.

AndroidGoogleVR
0 likes · 5 min read
Google to Embed VR Directly into Android: What It Means for Mobile VR
21CTO
21CTO
Dec 17, 2015 · Frontend Development

HTML5 Caching Explained: Mechanisms, Principles, and Mobile Optimization

This article introduces HTML5’s offline storage features, details six caching mechanisms—including browser cache, Web Storage, Web SQL, AppCache, IndexedDB, and the File System API—explains their principles, usage, and limitations, and demonstrates how to leverage them for improved mobile web performance in Android WebView.

HTML5IndexedDBWeb Storage
0 likes · 32 min read
HTML5 Caching Explained: Mechanisms, Principles, and Mobile Optimization
21CTO
21CTO
Nov 21, 2015 · Frontend Development

Building a Cross-Platform Secret-Code Red Envelope Feature for Taobao & Tmall

This article details a cross-terminal technical solution for implementing the Double 11 secret-code red-envelope activity on Taobao and Tmall, covering requirements, responsive design for Phone, Pad and PC, native poplayer integration, KISSY module usage, and final visual results across devices.

ResponsiveWebcross-platform
0 likes · 6 min read
Building a Cross-Platform Secret-Code Red Envelope Feature for Taobao & Tmall
Qunar Tech Salon
Qunar Tech Salon
Nov 7, 2015 · Mobile Development

Seven Strategies for Optimizing Mobile Taobao App Performance

This article outlines seven practical strategies—including monitoring, network upgrades, caching, task grading, lazy loading, page structure refinement, and image download optimization—to significantly improve the launch speed, home page responsiveness, and cart performance of the Mobile Taobao application.

AndroidCachingOptimization
0 likes · 11 min read
Seven Strategies for Optimizing Mobile Taobao App Performance
Ctrip Technology
Ctrip Technology
Nov 4, 2015 · Cloud Computing

Ctrip’s Technological Evolution: Infrastructure, Cloud, Search, Security, and Mobile Innovations

The article reviews Ctrip’s multi‑year technology journey, detailing its shift to distributed architecture, OpenStack‑based private cloud, custom asynchronous messaging, large‑scale search, security analytics, and mobile innovations, illustrating how strategic technical choices supported its dominance in online travel.

CtripDistributed Architecturemobile
0 likes · 7 min read
Ctrip’s Technological Evolution: Infrastructure, Cloud, Search, Security, and Mobile Innovations
Architect
Architect
Sep 23, 2015 · Frontend Development

H5 Performance Optimization: Principles, Strategies, and Testing

This article explains why H5 performance matters, defines the one‑second rule for different network conditions, and provides comprehensive front‑end optimization techniques—including resource loading, image handling, server deployment, code standards, testing tools, and classic case studies—to improve user experience on mobile web applications.

H5OptimizationWeb
0 likes · 22 min read
H5 Performance Optimization: Principles, Strategies, and Testing
21CTO
21CTO
Sep 18, 2015 · Mobile Development

How eLong’s Mobile Front‑End Framework Solves Performance, Animation & Modularity Challenges

This article examines the rapid growth of mobile traffic at eLong, outlines key front‑end challenges such as code bloat, animation efficiency, and technical debt, and details the framework's server‑side rendering, modular architecture, and modern web‑tech optimizations that improve performance and user experience.

OptimizationPerformancecss3
0 likes · 11 min read
How eLong’s Mobile Front‑End Framework Solves Performance, Animation & Modularity Challenges