We are the TikTok Frontend Technology Team, serving TikTok and multiple ByteDance product lines, focused on building frontend infrastructure and exploring community technologies.
This article explains the concept of virtual DOM, its advantages over direct DOM manipulation, details the diff algorithm including same‑layer comparison, pointer techniques, and longest increasing subsequence optimizations in Vue2 and Vue3, and discusses key usage and performance considerations.
This article provides a comprehensive guide to TypeScript type programming, covering basic type definitions, type operators, mapped types, conditional and infer types, generics, recursive type calculations such as Fibonacci, and practical utilities like chainable options, currying, and a compile‑time calculator.
This article explores how visual interaction influences user experience and outlines strategies—such as design specifications, component libraries, design tokens, and D2C workflows—to improve consistency and efficiency in frontend development across product iterations.
This article explores Koa’s core AOP‑based architecture, demonstrates minimal implementations using koa‑compose and Node.js http, and proposes a microservice‑oriented framework that extends Koa to support HTTP, Thrift, WebSocket and other services, complete with abstract server designs and example code.
This article details the end‑to‑end development of Douyin's National Day mini‑game, covering the Lynx + Cocos tech stack, core Cocos concepts such as ECS, node hierarchy, lifecycle, a step‑by‑step walkthrough of the star‑catcher demo code, background looping strategies, checkpoint transitions, character Spine animation, resource loading pipelines, custom bitmap fonts, and a series of performance optimizations for mobile deployment.
This article outlines the evolution of rich‑text editors through L0, L1, and L2 stages, comparing their underlying APIs, data models, selection handling, and collaborative capabilities, and evaluates the advantages and drawbacks of each stage with examples such as UEditor, Quill, Slate, and Google Docs.
This article explains the concepts of internationalization, localization and globalization, outlines the objects and workflow of i18n, describes the evolution of the Starling platform and its tools, and provides practical guidelines for developers, product managers, and translators to implement robust multilingual support in software projects.
This article introduces the Changesets tool for managing package versions and changelogs in monorepo projects, compares it with Lerna, explains its workflow and core CLI commands, and discusses current drawbacks and possible improvements for large‑scale JavaScript/Node development.
This article introduces the fundamentals of directed acyclic graphs (DAGs), explains adjacency representations, details the Dagre layout algorithm’s concepts, computation steps, and constraints, and presents the Perfect‑Process front‑end library that implements these techniques for interactive pipeline diagram rendering and editing.
This article explains why Webpack 4 generates an unnecessary base.js file when extracting common CSS with mini‑css‑extract‑plugin, analyses the underlying bootstrap dependency issue, and presents a custom plugin that adjusts the compilation graph to move the empty JS module, suppress the extra chunk, and correctly emit the shared base.css file.
