This article explains how a mobile news‑feed application reduces first‑paint latency from 820 ms to 260 ms by pre‑fetching static templates and news data, inlining resources, and using a localized detail‑page strategy that works offline and mitigates WebView cross‑origin issues.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
This article examines the evolution, motivations, and trade‑offs of mobile dynamic solutions—including Hybrid WebView, React Native, Weex, Flutter, and mini‑program architectures—while discussing performance, platform constraints, and future directions such as PWA and JSCore‑centric designs.
This article presents an automated approach for measuring and improving the performance of mobile H5 advertisements by capturing network traffic with tcpdump, injecting JavaScript to collect W3C Performance API metrics, converting pcap files to HAR, and visualizing results similar to Chrome DevTools.
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.
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.
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.
The article summarizes the GIAC Shenzhen conference, highlighting front‑end, mobile, and backend optimization techniques, large‑scale architecture designs, cloud‑native solutions, big‑data testing strategies, and quality assurance practices shared by top Chinese internet firms.
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.
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.
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.
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.
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.
This article explains how WeChat Android tackles the challenge of Chinese homograph full‑text search by using SQLite FTS5, comparing word‑based and character‑based indexing schemes, introducing a custom tokenizer, and detailing preprocessing and performance results.
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.
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.
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.
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.
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.
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.
This guide walks you through four methods to boost scores in WeChat’s Jump game—including forging POST requests, using Python and ADB for automated jumps, packaging the script into an executable, and even a physical ruler trick—while detailing required tools, setup steps, and underlying principles.
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.
This article compiles and compares a wide range of current front‑end UI frameworks—including mobile, PC, and hybrid solutions—by summarizing their core features, GitHub statistics, CDN import methods and providing brief personal insights to help developers select the most suitable library.
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.
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.
This article explains how to force landscape mode for lightweight HTML5 mobile games, adapt DOM layouts by switching viewport units, choose appropriate canvas scaling strategies, and apply relocation and redraw techniques to ensure UI elements remain functional across diverse screen sizes and orientations.
This article details the architecture and platformization of JD's Tongtian Tower system, describing its content and rendering management platforms, the integration of JDReact for full-page and floor-level customization, the build and deployment workflow, and future technical directions for front‑end developers.
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.
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.
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.
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.
This article explains how to create a mobile‑friendly bread‑machine game where layers of bread scroll upward, users shake the phone to drop random loaves, and CSS3 animations combined with JavaScript timing are used to manage movement, dropping, and performance optimizations.
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.
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.
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.
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.
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.
This article provides a comprehensive overview of JSBridge, covering its origins, use cases, communication mechanisms, and detailed JavaScript‑side implementation with code examples for iOS and Android, helping developers understand and build robust hybrid mobile applications.
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.
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.
This guide explains how to download, install, and configure Fiddler, set up proxy settings for browsers and mobile devices, use common shortcuts and breakpoints, capture HTTPS traffic, install certificates, and customize the UI to display server IPs.
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.
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.
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.
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.
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.
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.
This article examines the design of Mars's cross‑platform xlog module, explaining why traditional file‑based logging harms app smoothness, how memory buffering, mmap, and stream‑compression overcome performance and reliability issues, and what practical challenges remain on Android and iOS.
This article outlines a comprehensive set of front‑end optimization strategies—including resource merging, lazy loading, DNS prefetch, CSS/JS best practices, DOM rendering improvements, and image compression—to enhance performance on mobile networks such as 2G/3G/4G.
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.
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.
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.
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.
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.
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.
This tutorial explains the Sandal CSS foundation library and the Sheral UI component suite, detailing their structure, usage, and design philosophy for building efficient, customizable mobile interfaces while balancing code size and flexibility.
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.
This report analyzes client‑side traffic consumption caused by app icon downloads, proposes a DPI‑based icon size selection algorithm, evaluates its impact across various device resolutions, and presents data‑driven conclusions on traffic savings and user experience for Android applications.
The 2016 spring report analyzes salary growth, demand, and regional differences for high‑end internet talent, revealing which technology fields, roles, experience levels, and cities command the highest pay and how market conditions have shifted compared to the previous year.
Guido van Rossum discusses Python’s roadmap, noting challenges and progress in mobile deployment, the potential of WebAssembly, ongoing performance improvements, reasons for its popularity, and his vision for a self‑sustaining community that can carry the language forward without his direct involvement.
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.
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.
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.
This article explains the fundamentals of GPS/GNSS positioning, why a cold start can take up to 30 seconds, how multiple satellite constellations like BeiDou work together, the causes of urban positioning errors, and techniques such as A‑GPS and sensor fusion that aim to improve accuracy.
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.
This article explores why mobile location matters, explains the principles behind cell‑tower, Wi‑Fi, GPS, Bluetooth and other signals, compares their accuracy and coverage, and shows developers how to implement positioning either via system APIs or third‑party SDKs, highlighting practical trade‑offs.
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.
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.
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.
This article analyzes mobile search design by examining why users search, the various search purposes, optimal placement of search UI elements, dynamic transformations of the search box during use, and effective ways to present results, including handling empty results and progressive recommendations.
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.
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.
This roundup highlights recent tech headlines, including a critical Baidu SDK security flaw, Nokia's upcoming pCell wireless test, Debian's decision to drop LSB compatibility, and the ongoing debate over Spark's role versus Hadoop in big‑data processing.
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.
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.
This article explains how Huawei's eSDK UC platform provides server‑side services, client‑side COM components and controls, and comprehensive mobile SDK support, enabling developers to build unified communication features across languages and devices without heavy graphical design.
This article explores Google’s internal restructuring into Alphabet and explains the 26 alphabet‑named projects—from Android and DeepMind to Project Loon and Project Zero—highlighting their origins, technologies, and strategic goals.
The article details Ctrip's mobile app network service architecture, explaining native TCP and hybrid HTTP communication, describing common performance issues such as DNS, TCP, payload size, and presents six optimization practices—including DNS caching, quality detection, priority handling, retransmission, payload reduction, and overseas network improvements—to achieve higher success rates and lower latency.
This article shares a designer's hands‑on experience using JD's HIPAGE platform to build mobile H5 pages, covering project brainstorming, sketching, handling demanding product requests, optimizing image assets, simplifying animations, and practical performance‑boosting techniques.
The article recounts Li Min’s presentation on the evolution of Mobile Taobao’s architecture, detailing four development stages, the introduction of a unified API gateway, the shift from WAP to Bundle, WebApp, and PackageApp solutions, and the comprehensive R&D, testing, operations, and release support systems that enable a hundred‑million‑user e‑commerce app.
This article analytically compares web front‑end development and iOS mobile development, covering language choices, threading models, data storage strategies, framework ecosystems, compatibility challenges, performance optimization, compilation processes, security considerations, and the impact on user interaction and development workflow.
This article compares Android 4.4 (KitKat) with iOS 7 across interface design, multitasking, notifications, settings, music, messaging, core apps, sharing, and gaming, highlighting where each platform converges, diverges, and what that means for users and developers.
This article outlines nine practical design strategies—ranging from subtle shadows and hover effects to responsive layouts and purposeful animations—that help modern web pages look polished, user‑friendly, and fully compatible with today’s mobile devices.
