好好吃饭好好睡觉

引言 在前端开发的舞台上，高效的打包工具如同璀璨的明星，照亮着开发者前行的道路。今天，我们将深入对比两款备受瞩目的工具 —— Rspack 和 Rolldown，探寻它们各...

本文整理自字节跳动 Web Infra 前端负责人张磊在 QCon 2024 的演讲分享 "Rust 如何引领前端基建新潮流以及字节跳动的应用"...

过年期间在家里没事，把zustand的源码看了一遍，看完后我最大的收获就是TypeScript水平突飞猛进，再去刷那些类型体操题目就变得简单了，下面和大家分享一下zusta...

目前很多互联网大厂的移动端开发都在朝着跨端动态化方向发展。由于快速迭代开发或者对原生包体积要求严格，及其对资源成本的把控，实现跨端动态化迫在眉睫。...

背景 最近想多找一找封装React hook的感觉。 要了解hook能够， 适合去处理什么事情， 怎么去处理事情。 嘿， 这里不妨直接看业界大佬开源的ahooks处理，提供...

背景 前段时间写过一篇 一文拿下Web端基于AudioWorkletNode录制音频 ， 然后现在毕设什么的都搞定了比较闲， 就来琢磨怎么将其发包（主要是想重操一下发包流程...

`ScriptProcessorNode`已经被摒弃了， 此篇会探索一下如何使用`AudioWorkletNode`去实现功能...

这一篇， 我们走入 `Effect` 相关的原理， 涉及的 `hook` 有 `useEffect`, `useLayoutEffect`, `useInsertionEf...

接力 React-hook源码阅读 - useState。 我们继续按照useState的套路来看其他hook。例如useReducer， useMemo, useCall...

一文带你解锁useState的逻辑。 了解React hook的基本逻辑。 打开React hook源码的大门。 多图解锁基本流程...

React源码入门篇（一）第一篇文章我们主要初步对React源码进行划分， 然后从React.createRoot()和ReactDom.reader中的render和up...

Scheduler调用了一系列函数，最后又调用了`renderRootSync`或者`renderRootConcurrent`走入了我们的第三部分render， 那么这篇...

这篇文章就从scheduleUpdateOnFiber开始探索Scheduler。代码大部分来源react/blob/v18.2.0/packages/scheduler/...

最近比较空闲， 以前对React的了解总是有限， 故打算最近把源码给看了 阅读代码的思路会先直接通过打断点+github拉取源码的方式综合阅读， 从头开始把React整个执...

一、webpack如何进行动态导入的 1. 先搭建一个最基本的能用的webpack项目， 简单配置如下 2. 再从同步引入模块入手 当我们入口文件引用了两个其他文件 打包后...

目前判断元素出现在可视区域的有三种方案， 我们来逐个突破： offsetTop, scrollTop getBoundingClientRect IntersectionO...