Miraitowaw

前几天，我们团队CI/CD流水线挂了，一个新来的前端同事跑来问我：“老大，我本地pnpm build明明是好的，为什么一到CI就报错？” 我看了看日志，node-gyp编译...

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack...

简而言之，词法环境就是相应代码块内标识符与值的关联关系的体现。如果之前了解过作用域概念的话，和词法环境是类似的（ES6之后作用域概念变为词法环境概念）。 环境记录（Envi...

源码结构 在渲染函数组件的时候会调用renderWithHooks方法： 可以看到这个函数中： 将nextRenderLanes（当前需要渲染的优先级集合）赋值给了rend...

由于React16和React17在事件机制在细节上有较大改动，本文仅对React17的事件机制做讲解，在最后对比React17和React16在事件机制上的不同点。...

解析源码前，我们明确几个问题： Scheduler是什么，作用是什么？ Scheduler的出现是为了解决什么问题？ Scheduler是一个任务调度器，它会根据任务的优先...

手把手教你如何使用vite直接调试React18源码，无需打包，直接调试react源码！！！！！！！...

前言 由于篇幅太长，我将Lane模型的源码解析分为了上下两篇。接着上一篇React源码解析之优先级Lane模型上我们继续讲Lane的使用。 任务执行时Lane是如何工作的 ...

概述 Lane是React中用于表示任务的优先级。优先级分为高优先级与低优先级，当用户操作界面时，为了避免页面卡顿，需要让出线程的执行权，先执行用户触发的事件，这个我们称之...

在网页中，有许多耗时但是却又不能那么紧要的任务。它们和紧要的任务，比如对用户的输入作出及时响应的之类的任务，它们共享事件队列。如果两者发生冲突，用户体验会很糟糕。我们可以使...

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要...

很多时候我们的项目换个电脑就语法错误、运行报错、打包失败可能都是因为使用了不同的node版本导致的兼容性问题。package-lock.json 的冲突也有可能是node版...

JavaScript一开始诞生是在浏览器上作为脚本语言使用的，当时在浏览器上并不存在模块的概念。它就像日本动漫里的男主角，刚转生到异世界时没有任何的武器和装备（不是龙傲天）...

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写...

前言 大家好这里是阳九,一个文科转码的野路子码农,热衷于研究和手写前端工具. 我的宗旨就是 万物皆可手写 今天我们来看一看webpack内部的核心库enhanced-res...

带你了解更全面的 Monorepo，本文涵盖了 Monoreo 演进、优劣、踩坑、及全面的方案选型，后续计划补充最佳实践~...

前言 React 源码如何调试，想必大家在阅读源码的时候一定会遇到，所以本篇我们来讲讲如何进行源码调试。...

mock server 默认在本地 3000 端口启动，访问 http://localhost:3000/ 即可。 使用 vscode 插件 yapi-code ，可直接根...

本人写了五年的后台管理。每次面试前就会头疼，因为写的页面除了表单就是表格。抱怨过苦恼过也后悔过，但是站在现在的时间点回想以前，发现有很多事情可以做的更好，于是有了这篇文...

你知道 JSX 会被转换成 createElement，但你知道它是如何转换成 createElement 的吗？...