Cutting‑edge tech, article sharing, and practical insights from the ByteDance frontend team.
This article provides a comprehensive guide to SAR Creator, a TypeScript‑based interactive solution used for building 2D/3D game scenes, covering workflow, asset creation, canvas adaptation, bundle splitting, texture compression, script lifecycle, dynamic loading, and configuration for ByteDance's Spring Festival activities.
This article details how the AnnieX cross‑platform container was enhanced for the 2024 Douyin Spring Festival by introducing an interactive suite that includes engine pre‑heating, a shared offline asset library, and advanced 3D resource compression techniques, resulting in significant performance gains and bandwidth savings.
This article details the technical implementation of the "Lucky Dragon" Spring Festival interactive game in Douyin, covering the cross‑platform framework, SAR Creator engine, scene construction, animation control, coordinate synchronization, terrain management, and performance‑focused scene switching strategies.
This article provides a comprehensive walkthrough of Webpack’s internal architecture, detailing the core JavaScript bundling workflow, the roles of Compiler and Compilation objects, the lifecycle of plugins and loaders, the parsing of modules into an AST, chunk creation, and the final emission of assets to the output directory.
This article explores the hidden complexities of dependency management in modern Node.js development, covering the risks of unstable package structures, versioning pitfalls, various dependency types, ghost and circular dependencies, and provides practical strategies and best‑practice recommendations to keep dependency graphs stable, secure, and maintainable.
This article explains the fundamentals of VChart tooltips, demonstrates how to enable enterable tooltips with Amazon‑style safety triangles, shows flexible content and style patterns, and provides methods for custom DOM manipulation and fully custom tooltip handlers to meet diverse frontend data‑visualisation needs.
This article explains the three core CSS concepts—cascading, inheritance, and specificity—detailing how browsers resolve conflicting rules, the role of importance and source, selector weight calculations, the impact of rule order, and the use of keywords like !important, initial, inherit, revert, unset, and @layer to control styling.
This article explains what frontend event tracking (埋点) is, why it is essential for product analytics, when and how to implement it, the different tracking models and reporting methods, as well as practical tips, iteration processes, and common pitfalls for developers and product teams.
This tutorial walks through creating a desktop screen‑recording tool using Electron with a React‑Vite front‑end, Ant Design UI, IPC communication, system‑tray controls, draggable windows, and FFmpeg for capturing video in WebM, MP4, or GIF formats.
This article explains the overall architecture of Chrome extensions, how to create popup, DevTools, and content scripts using React or Vue, configure manifest.json, set up multi‑entry Webpack builds, debug each component, and perform end‑to‑end testing with Puppeteer and Xvfb for CI environments.
