BestHub
Sign in
Tagged articles
13 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 5, 2025 · Frontend Development

Making position:fixed Relative to Parent Elements with CSS Techniques

This article explains why CSS position:fixed normally anchors to the viewport, describes the challenges in complex layouts, and demonstrates several CSS tricks—such as using transform, perspective, filter, backdrop-filter, and contain:paint—to make a fixed element position relative to a specific parent, while also covering best‑practice considerations.

CSSlayoutposition-fixed
0 likes · 8 min read
Making position:fixed Relative to Parent Elements with CSS Techniques
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Mar 8, 2024 · Frontend Development

RTL Layout Adaptation Practices for Web Front-End Development

The guide outlines a direction‑based RTL adaptation workflow for web front‑ends—detecting language, setting the HTML dir attribute, using a lightweight helper, configuring postcss‑rtlcss (combined mode) to generate mirrored CSS, handling SSR and third‑party components, and providing a dev switch tool for seamless LTR/RTL support.

CSSRTLWeb Development
0 likes · 18 min read
RTL Layout Adaptation Practices for Web Front-End Development
Huolala Tech
Huolala Tech
Sep 12, 2023 · Mobile Development

Mastering Gradle: Lifecycle, Tasks, and Plugin Development for Android

This comprehensive guide walks through Gradle fundamentals—including the initialization, configuration, and execution phases—explains task creation, ordering, and incremental builds, demonstrates custom tasks and small examples, and shows three ways to build and publish Gradle plugins with ASM bytecode instrumentation for Android projects.

ASMAndroidBuild Automation
0 likes · 16 min read
Mastering Gradle: Lifecycle, Tasks, and Plugin Development for Android
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 10, 2022 · Frontend Development

Separate Writing of CSS transform Functions: New Chrome 104 Feature and Practical Usage

This article explains the newly supported individual CSS transform properties in Chrome 104, demonstrates how to split transform into translate, rotate, and scale declarations, discusses ordering effects, compatibility considerations, and provides practical code examples for complex layouts and animations.

ChromeWeb animationcss3
0 likes · 11 min read
Separate Writing of CSS transform Functions: New Chrome 104 Feature and Practical Usage
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jun 29, 2022 · Artificial Intelligence

Music FeatureBox: A Custom Feature Store for Machine Learning at NetEase Cloud Music

Music FeatureBox is NetEase Cloud Music’s custom feature store that centralizes metadata, unifies offline and online feature storage across multiple engines, provides a cross‑language DSL for extraction, ensures training‑inference data consistency, and offers built‑in monitoring, thereby streamlining feature engineering and accelerating the platform’s machine‑learning lifecycle.

DataHubFeature StoreMLOps
0 likes · 17 min read
Music FeatureBox: A Custom Feature Store for Machine Learning at NetEase Cloud Music
ELab Team
ELab Team
Apr 23, 2022 · Frontend Development

Unveiling ProseMirror: Architecture, State, View, and Transform Explained

This article explores ProseMirror's core architecture, detailing its four modules, initialization and update flows, and how state, view, and transform layers work together to provide a robust, data‑driven rich‑text editing experience.

Document ModelProseMirrorState Management
0 likes · 9 min read
Unveiling ProseMirror: Architecture, State, View, and Transform Explained
NetEase Media Technology Team
NetEase Media Technology Team
Jul 23, 2021 · Frontend Development

CSS Animation Techniques for Medal Unlock and Gyroscope Effects

The article explains how to create a seamless medal‑unlock animation using layered SVG clipPath tricks and a four‑step CSS process, and how to build an interactive gyroscope effect with deviceorientation events, while emphasizing performance‑friendly practices such as using transform, opacity, requestAnimationFrame, and avoiding reflow‑inducing properties.

3D effectsSVG clipPathWeb animation
0 likes · 10 min read
CSS Animation Techniques for Medal Unlock and Gyroscope Effects
Big Data Technology & Architecture
Big Data Technology & Architecture
May 10, 2020 · Big Data

Apache Beam Overview: Architecture, Programming Model, PCollection, Pipeline and Transform

This article provides a comprehensive introduction to Apache Beam, covering its unified batch‑and‑stream processing architecture, programming model, workflow patterns, Lambda and Kappa architectures, the characteristics of PCollection, pipeline construction, core transforms, I/O handling, and includes practical code examples.

Apache BeamBig DataLambda architecture
0 likes · 14 min read
Apache Beam Overview: Architecture, Programming Model, PCollection, Pipeline and Transform
Taobao Frontend Technology
Taobao Frontend Technology
Aug 31, 2017 · Backend Development

Mastering Node.js Streams: From Readable to Duplex and Beyond

Explore the inner workings of Node.js streams—including readable, writable, duplex, transform, and pipe—through detailed explanations, code demos, and visual diagrams, revealing how backpressure, flow modes, and internal mechanisms shape data handling in backend development.

Backend DevelopmentDuplexNode.js
0 likes · 14 min read
Mastering Node.js Streams: From Readable to Duplex and Beyond
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 24, 2017 · Frontend Development

How CSS3 Transform Alters Stacking, Positioning, and Overflow Behaviors

This article explains how applying CSS3 transform—even with neutral values like scale(1) or translate(0,0)—can unexpectedly change element stacking order, break fixed positioning, modify overflow handling for absolute elements, and affect 100% width calculations across browsers, illustrated with code samples and screenshots.

CSSfrontendlayout
0 likes · 7 min read
How CSS3 Transform Alters Stacking, Positioning, and Overflow Behaviors
Meituan Technology Team
Meituan Technology Team
Jul 15, 2016 · Backend Development

Understanding Node.js Stream API: Types, Back‑Pressure, and Object Mode

The article explains Node.js’s Stream API by detailing the four core stream classes—Readable, Writable, Duplex, and Transform—showing how to implement them, manage back‑pressure, enable objectMode, and apply these concepts in real‑world tools like Gulp, Browserify, and a Git‑changelog generator.

DuplexNode.jsObjectMode
0 likes · 6 min read
Understanding Node.js Stream API: Types, Back‑Pressure, and Object Mode
Meituan Technology Team
Meituan Technology Team
Jul 8, 2016 · Backend Development

Understanding Node.js Stream API: Types, Back‑Pressure, and Practical Usage

Node.js streams provide four core types—Readable, Writable, Duplex, and Transform—plus an objectMode for arbitrary data, and by using .pipe() they enable flow‑controlled processing with back‑pressure, as illustrated through detailed explanations, Gulp and Browserify case studies, and a hands‑on changelog generator example.

Backend DevelopmentDuplexNode.js
0 likes · 9 min read
Understanding Node.js Stream API: Types, Back‑Pressure, and Practical Usage
Aotu Lab
Aotu Lab
Mar 31, 2016 · Frontend Development

Mastering CSS3 Animations: Transforms, Timing Functions, and Keyframes Explained

This article explains CSS3 animation fundamentals, covering the four transform types, a variety of timing functions including cubic‑bezier, the role of @keyframes as the keyframe container, and how these concepts relate to traditional animation techniques such as timelines and storyboard planning.

animationkeyframestransform
0 likes · 5 min read
Mastering CSS3 Animations: Transforms, Timing Functions, and Keyframes Explained