Technical sharing and discussion from NetEase LOFTER Tech Team
This article introduces practical techniques for using SVG filters, viewBox, path definitions, fill rules, patterns, and feColorMatrix to create complex image effects and puzzle‑like highlights in web front‑end projects, while also covering compatibility tips and code examples.
This article describes how the Lofter team applied Domain‑Driven Design to refactor and govern complex, multi‑type RecyclerView lists on Android, progressing from a monolithic adapter through a split‑stage implementation to a full DDD‑based framework with reusable bars and context‑aware layout managers.
This article presents a comprehensive technical summary of various H5 animation solutions—including pure CSS, dynamics.js, random motion, frame animation, lottie, video and APNG/WebP—along with mobile adaptation strategies using flexbox and practical video preloading methods for improved performance and user experience.
This article presents the design, implementation, and performance analysis of an offline‑package system that bundles H5 resources for WebView‑based mobile apps, detailing the configuration platform, webpack plugin, client SDK integration, and measured improvements in DNS, TCP, DOM‑Ready, and WebVitals metrics across various network conditions.
This article explains the concept of micro‑frontend, compares common implementation approaches such as dynamic module loading and browser sandboxing, details the use of Shadow DOM and Proxy for isolation, introduces frameworks like qiankun and hot‑chocolate, and describes an application platform that streamlines build, upload, and release workflows for complex front‑end projects.
