华铧

分析了 React 的核心模块及其相互关系，通过这些模块的协作，React 实现了高效的渲染和更新机制，帮助开发者更好地理解 React 的内部工作原理。...

React 是一个前端的 UI 框架，其背后的源代码实际上比较复杂，但其背后的设计理念值得我们学习。...

介绍了 React 基本概念，主要涉及了 JSX, React Element, Fiber, Hook 等基本概念，方便后续理解 React 原理。...

JSON数据的结构特点使得它不利于LLM流式输出的实时处理，为了解决这个问题，我们设计了一个轻量级的工作流框架 ，它专注于解决”结构化数据（JSON格式）的流式输出“。...

React Fiber架构有一定的复杂度，如果硬着头皮去啃源码，我们会深陷于庞大的代码量和实现细节之中，往往学不到什么东西。 React并发模式是ReactFiber架构的...

小编所在的团队叫 “Cuckoo FE”，前端团队成员接近20人，归属字节商业化业务中台，承担海外商业化交易流程建设，为字节内部出海产品提供商业变现能力，整体技术方向以PC...

在企业发展初期，企业使用的系统很少，通常一个或者两个，每个系统都有自己的登录模块，运营人员每天用自己的账号登录，很方便。 来说，很不方便。于是，就想到是不是可以在一个系统登...

本文对应的 react 版本是 18.2.0 在阅读源码时，react 有很多位操作，这些位操作大都是对 lane 的操作 如果不了解这些位操作含义，看源码时会一脸懵逼： ...

从 Garfish 微前端的框架设计出发，手写类 Garfish 微前端框架，加深对于微前端运行流程的理解。...

微前端是一种前端的架构模式，将庞大的前端应用系统拆分成一个个更小，更可维护的管理部分。从而允许多个团队独立开发，测试和部署不同的功能模块，最终可以将模块组合成一个统一的应用...

本文介绍了 Tapable 的各类钩子（同步/异步，串行/并行，拦截器，bail/waterfall/loop），并通过实现了一个 mini-Tapable，希望能加深读者...

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 W...

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。...

对于前端模块化方案, 是面试中常被提到的问题了!!! 而这里最常被关注莫属 CommonJS 和 ESM 了, 所以今天我们就尝试从底层出发来好好盘一盘 CommonJS ...

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思...

为什么要开发Rspack 在开发 Rspack 之前，我们已经尝试开发了 n 款构建工具和框架，并在实际的生产环境下重度使用了 Webpack、Vite、esbuild、r...

如果我们想要拥有开箱即用的 SSR 的能力，通常需要和某些前端框架强绑定，由框架来提供一个大而全的方案，常见的如 Next.js / Umi 等。这些前端框架将 SSR 作...

【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VU...

​ 我第一次听说微前端这个概念是在一年前左右偶然看到了美团的一篇技术博客：用微前端的方式搭建单页应用。然而那时候我连单页面应用是什么都还不知道，自然是看的一头雾水了。目前大...