day1

1.引言 在 React 并发渲染架构中，副作用（Effect）的执行时机并非孤立存在，而是与浏览器事件循环的微任务、宏任务队列深度耦合。useEffect 作为最核心的副...

一、前言 Commit 阶段是 React 更新流程的最后一环，用于把 Render 阶段计算出的变更与副作用原子化地应用到宿主环境（DOM），确保界面一致性与不出现中间态...

1. 引言：Context API 的双面性 Context API 诞生的核心目标是解决 React 组件树中 “props 钻取” 问题—— 当深层子组件需要使用顶层组...

1. 引言 在 React 的世界里，每一次组件的重新渲染都意味着其内部所有代码（包括函数定义和变量计算）都会被重新执行。在大多数情况下，这是无害的。但当遇到昂贵的计算或需...

很多同学说想学习AI，但是不知道从哪里开始，学习路线是什么。我学习AI已经有一段时间了，这篇文章来聊聊我是如何学习AI的...

React Hooks 的出现极大地简化了函数组件的状态管理和副作用处理，但其内部的精妙设计往往隐藏在日常使用的 API 背后。本文旨在揭开这些“幕后”的秘密，带领读者从源...

大家好，我是志辉，目前专注 AI 编程 ，这个很早我就想写了 App 了，我也是痛风患者，好多年，深知这里面的痛呀，所以我想给大家带来一个好的通风管家的体验，所以先从 H5...

传统栈协调的局限 在 React 16 之前的版本中，React 的协调器（Reconciler）采用了一种基于递归遍历组件树的机制，通常称之为“栈协调”（Stack Re...

本文回答了作者的一些疑问： MCP 是什么、可以干什么？如何实现一个 MCP？如何测试 MCP 服务？如何使用 MCP ？...

在 AI Coding 提效这件事上，我想我的经历让我有充分的发言权。今年上半年，作为团队中的 24 届 JDS，我承接了两位离职同事的业务模块。面对密集的大促需求，我不仅...

引言 最近一段时间，回收团队一直坚持用Cursor来辅助开发，并在AI开发模式上进行了多次迭代。今天，我想和大家分享一些我们在AI编程方面的实践心得。 首先要明确的是，AI...

MCP 火了这么久，聊聊我在日常前端开发中真正用到的一些实用 MCP。 这些都是经过实践筛选、能直接提升开发效率的工具，希望能对大家有所启发。...

一、引言 1.1 从 JSX 到 DOM 挂载 初次渲染是 “无旧 DOM 可复用” 的全新构建过程，整体流程可分为三步： 初始化 Fiber 根节点：React 从 Re...

在前端开发中，页面卡顿是影响用户体验的核心问题之一，而长时间的同步任务阻塞主线程是导致卡顿的主要原因。React 的 Scheduler（调度器）作为核心模块，通过协作式调...

React 引入了并发渲染的理念，其核心目标是让渲染过程变得可中断、可恢复、可调度。而实现这一目标的两大支柱，正是 Lane 优先级模型与时间切片调度。...

React 的合成事件系统是一套精密的机制，它并非简单地对原生事件进行封装，而是一个集成了事件委托、跨平台抽象与优先级调度三大核心设计于一体的综合解决方案。...

手写react scheduler源码，彻底搞懂什么是任务切片，什么是时间切片，以及为什么使用MessageChannel而不是setTimeout实现任务调度...

在现代前端开发中，ESLint 已经成为不可或缺的代码质量保障工具。但是，作为开发者，我们是否真正理解它的工作原理？本文带你从零实现一个 Mini-ESLin。...

数组扁平化是指将多维数组转换为一维数组的过程。在 JavaScript 中，我们经常需要处理嵌套的数组结构，将其转换为更易于操作的一维形式。...