BestHub
search
Sign in
Tag

mobile web

1 views collected around this technical thread.

NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jul 1, 2024 · Frontend Development

Performance Optimization and Engineering Practices for NetEase Cloud Music 2023 Annual Report Front‑End Development

The 2023 NetEase Cloud Music annual‑report front‑end case study details how sub‑second first‑screen loads, SPA routing with TypeScript, GPU‑accelerated animations, optimized media handling, multi‑layer quality monitoring, and a unified development platform together boost performance, reliability, and engineering efficiency, driving higher DAU and share‑rate.

FrontendReactResource Optimization
0 likes · 27 min read
Performance Optimization and Engineering Practices for NetEase Cloud Music 2023 Annual Report Front‑End Development
JD Tech
JD Tech
Oct 9, 2023 · Frontend Development

Design and Implementation of a Flexible H5 Navigation Bar Component for Mobile Applications

This article analyzes the limitations of native navigation bars on mobile pages, proposes a reusable H5 navigation‑bar component (@pango/navigation-bar) with performance, cost, and user‑experience benefits, details its architecture, configuration, code usage, exception handling, and adaptation for foldable screens, and outlines the open‑source plan.

FrontendReactcomponent
0 likes · 17 min read
Design and Implementation of a Flexible H5 Navigation Bar Component for Mobile Applications
Watermelon Frontend Tech Team
Watermelon Frontend Tech Team
Nov 17, 2022 · Frontend Development

Mastering Mobile Remote Debugging: From USB to Wi‑Fi Solutions

This article explores the evolution, core principles, and practical techniques of remote debugging for mobile web pages, covering USB and Wi‑Fi transport, protocol details, tool comparisons, and best‑practice recommendations for developers working on hybrid and native‑web applications.

Chrome DevToolsFrontendmobile web
0 likes · 17 min read
Mastering Mobile Remote Debugging: From USB to Wi‑Fi Solutions
Baidu Geek Talk
Baidu Geek Talk
Aug 2, 2021 · Mobile Development

Optimizing Mobile Web Performance in Baidu iFanFan App: Strategies and Practices

The article outlines how Baidu iFanFan reduces mobile web page load times from 2‑3 seconds to under one second by bundling static resources, pre‑rendering and pre‑initializing WebViews, employing a micro‑frontend master‑slave architecture, using offline packages, native request routing, and early network pre‑loading.

Network Preloadingmicro-frontendmobile web
0 likes · 18 min read
Optimizing Mobile Web Performance in Baidu iFanFan App: Strategies and Practices
Xianyu Technology
Xianyu Technology
Jul 21, 2020 · Frontend Development

Mobile Web Screenshot Solution Using Canvas

This article presents a custom canvas‑based mobile screenshot solution for single‑page applications that overcomes cross‑origin image blocking, low scaling clarity, inaccurate arc rendering, and deep DOM parsing issues by loading images anonymously, rendering at higher resolution, using precise arc patterns, and measuring text for proper wrapping.

canvas screenshotfrontend developmenthtml2canvas
0 likes · 7 min read
Mobile Web Screenshot Solution Using Canvas
JD Retail Technology
JD Retail Technology
Jul 3, 2020 · Frontend Development

Implementing Dark Mode in H5: Strategies, Code Samples, and Compatibility

This article explains how to add dark mode support to H5 pages by using JavaScript to toggle CSS classes and CSS media queries, discusses system compatibility across platforms, provides practical code examples, and outlines additional media features for broader UI adaptations.

CSSFrontenddark mode
0 likes · 7 min read
Implementing Dark Mode in H5: Strategies, Code Samples, and Compatibility
JD Retail Technology
JD Retail Technology
Jun 24, 2020 · Frontend Development

Implementing ARIA and Accessibility Best Practices for Mobile Web Applications

This article explains the importance of ARIA and semantic HTML for creating accessible mobile web experiences, detailing browser support, key ARIA attributes, best practices for images, videos, colors, navigation, and handling differences between Android and iOS screen readers to improve usability for visually impaired users.

ARIAScreen Readersfrontend development
0 likes · 16 min read
Implementing ARIA and Accessibility Best Practices for Mobile Web Applications
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 4, 2019 · Frontend Development

How to Stop Scroll‑Penetration in Mobile Web Overlays

This article explains why scroll‑penetration occurs when a modal mask covers the page, why simple overflow:hidden or event‑bubbling tricks fail, and provides a complete solution using passive event listeners, selective default‑preventing, multi‑layer handling, and a ready‑to‑use React component.

Frontendjavascriptmobile web
0 likes · 11 min read
How to Stop Scroll‑Penetration in Mobile Web Overlays
Qunar Tech Salon
Qunar Tech Salon
Dec 20, 2018 · Frontend Development

Introduction to the Web Share API: Usage, Syntax, and Browser Support

This article introduces the Web Share API, explaining its purpose, syntax, usage examples, browser compatibility, and best practices for integrating native sharing functionality into mobile web pages; it also covers required HTTPS conditions, user‑gesture triggers, and provides sample ES6 code snippets for developers.

Browser APIFrontendWeb Share API
0 likes · 7 min read
Introduction to the Web Share API: Usage, Syntax, and Browser Support
Youzan Coder
Youzan Coder
Aug 24, 2018 · Frontend Development

H5 Front-End Performance Testing: Loading Process, White‑Screen and Lag Analysis

The article explains H5 front‑end performance bottlenecks—white‑screen delays and interaction lag—by detailing the page loading stages, showing how to measure first‑paint and load times with Chrome DevTools and device debugging, and recommending solutions such as server‑side rendering, touch‑area optimization, script debugging and memory‑leak prevention to improve first‑screen speed and overall smoothness.

First PaintH5frontend performance
0 likes · 9 min read
H5 Front-End Performance Testing: Loading Process, White‑Screen and Lag Analysis
JD Tech
JD Tech
Apr 11, 2018 · Frontend Development

Step‑by‑Step Guide to Converting JDreact Projects to H5 and Solving Common Compatibility Issues

This article explains how to transform JDreact mobile code into standard H5 pages, covering configuration changes, backend API adaptation, external CSS integration, platform‑specific ref handling, input focus problems, number‑field behavior, radio‑group styling, data passing techniques, AsyncStorage usage, and boolean value conversion.

FrontendH5 conversionJDReact
0 likes · 16 min read
Step‑by‑Step Guide to Converting JDreact Projects to H5 and Solving Common Compatibility Issues
360 Tech Engineering
360 Tech Engineering
Mar 30, 2018 · Frontend Development

WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices

This article examines the rapid rise of WeChat mini programs and fast apps, their market impact, technical architecture, development workflow, key frameworks such as WePY and mpVue, code examples, and the opportunities and challenges they present for front‑end developers on mobile platforms.

Fast AppWeChat Mini ProgramWePY
0 likes · 16 min read
WeChat Mini Programs and Fast Apps: Market Landscape, Technical Architecture, and Development Practices
JD Tech
JD Tech
Mar 26, 2018 · Frontend Development

JSSDK: A Frontend Development Toolkit for JD App Integration

JSSDK is a JavaScript SDK that enables H5 developers to quickly integrate JD app features such as sharing, deep linking, and native function calls across platforms, offering modular, version‑compatible, and type‑safe APIs to streamline mobile web development.

H5JSSDKapp integration
0 likes · 7 min read
JSSDK: A Frontend Development Toolkit for JD App Integration
Qunar Tech Salon
Qunar Tech Salon
Feb 6, 2018 · Frontend Development

Key Takeaways from ArchSummit 2017: Mobile Web, PWA, and Front‑End Technology Driving Product Development

The author, a senior front‑end engineer, shares insights from ArchSummit 2017 Beijing, covering Google's presentation on Mobile Web and Progressive Web Apps in China, Baidu's discussion on front‑end techniques that propel product development, and the evolving landscape of web versus native applications.

Front-endPWAWeb Development
0 likes · 8 min read
Key Takeaways from ArchSummit 2017: Mobile Web, PWA, and Front‑End Technology Driving Product Development
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 1, 2018 · Frontend Development

What Should a 3‑Year Frontend Engineer Master? Essential Skills & Modular Thinking

This article reflects on a frontend developer’s three‑year journey, outlining core technical skills, deep‑dive modularization concepts for code and platforms, practical best‑practice guidelines, and insights into wireless/mobile web development for sustainable growth.

FrontendModularizationWeb Development
0 likes · 11 min read
What Should a 3‑Year Frontend Engineer Master? Essential Skills & Modular Thinking
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 30, 2018 · Frontend Development

Master Cross‑Platform App Launch with Modern JS for WeChat, QQ, Weibo & Safari

This article presents a comprehensive, up‑to‑date guide for invoking native apps from H5 pages on platforms such as WeChat, QQ, Weibo and Safari, covering universal links, scheme URLs, fallback strategies, platform‑specific quirks, testing tips, and a ready‑to‑use JavaScript implementation.

Frontendapp launchjavascript
0 likes · 11 min read
Master Cross‑Platform App Launch with Modern JS for WeChat, QQ, Weibo & Safari
Baidu Intelligent Testing
Baidu Intelligent Testing
Aug 9, 2017 · Frontend Development

Understanding Progressive Web Apps (PWA) and Mobile Web Performance

This article explains what Progressive Web Apps are, compares them with native apps, discusses mobile web usage trends in China, describes key PWA features, outlines testing tools like Lighthouse, and examines performance metrics that focus on user perception rather than traditional load events.

FrontendPWAProgressive Web Apps
0 likes · 11 min read
Understanding Progressive Web Apps (PWA) and Mobile Web Performance
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 25, 2017 · Frontend Development

How Passive Touch Event Listeners Boost Mobile Scrolling Performance in Chrome

This article explains why touch event handlers can degrade mobile scrolling, how Chrome's passive listener option improves performance by default, the implementation details, common pitfalls, and practical fixes using CSS touch-action and proper event handling.

ChromeFrontendTouch Events
0 likes · 8 min read
How Passive Touch Event Listeners Boost Mobile Scrolling Performance in Chrome
Efficient Ops
Efficient Ops
May 22, 2017 · Frontend Development

How to Supercharge Mobile Web Speed: Proven Frontend Optimization Tips

Mobile pages load about 40% slower than PC pages, users abandon sites after three seconds, and this article offers practical frontend techniques—reducing HTTP requests, compressing assets, leveraging caching, and adopting HTTP/2—to dramatically improve mobile web performance.

HTTP2cachingfrontend performance
0 likes · 5 min read
How to Supercharge Mobile Web Speed: Proven Frontend Optimization Tips
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 2, 2017 · Mobile Development

Force Landscape Mode in a Mobile Web Game with CSS and JavaScript

This guide explains how to display a mobile web game exclusively in landscape orientation by rotating a container div with CSS transforms and JavaScript, avoiding intrusive prompts and handling devices with auto‑rotate enabled.

CSSResponsive Designjavascript
0 likes · 4 min read
Force Landscape Mode in a Mobile Web Game with CSS and JavaScript