Click follow to learn the latest frontend insights in the cultural content industry. We welcome you to join us.
This guide walks you through detecting push support, registering a service worker, requesting notification permission, creating a PushSubscription with proper options, and sending the subscription data to a backend for later use, all using modern JavaScript APIs.
This article introduces Web Push Notifications, explains how they work with Service Workers, compares the Push and Notification APIs, provides code examples for displaying notifications, and lists resources for trying out push features in modern browsers.
This article shares the Yueqi Reading team's three‑month journey of building a large‑scale React Native app, covering business background, technology selection, navigation management, state persistence, performance tuning, release automation, error monitoring, common pitfalls, and practical tips for mobile developers.
This article explains how browsers parse HTML, build the DOM and CSSOM, create the render tree, and perform layout and paint, highlighting why understanding CSS's role in the critical rendering path is essential for improving page load speed and user experience.
The article explores how front‑end typography standards—covering base font size, font‑scale formulas, and line‑height rules—can be derived from visual ergonomics, mathematical ratios, and practical engineering constraints, ultimately recommending 16 px as the optimal base size and a line‑height of font‑size + 8.
This article details how the Qidian reading page was optimized by advancing the scroll trigger, continuously preloading upcoming chapters, and applying a throttled scroll handler, resulting in sub‑second load times, minimal loading indicators, and a smoother user experience.
A whimsical tale leads into a comprehensive guide on ARIA attributes, role definitions, and VoiceOver gestures, showing developers how to make mobile web interfaces fully accessible for screen‑reader users while preserving visual design and interaction patterns.
This article introduces a lightweight easing algorithm that moves an element by half the remaining distance each frame, provides a requestAnimationFrame polyfill, a reusable Math.easeout function, and shows real‑world usage in Qidian's scroll‑to‑top and other UI effects.
This article walks through the design and implementation of a 3D book‑cover effect for Qidian's homepage using CSS3 perspective and transforms, explains the underlying HTML structure, provides full SASS code, and details cross‑browser compatibility solutions for Firefox, IE9, and Safari.
