chishengqi

React Fiber是React核心算法的持续再实现，这是React团队两年多研究的成果。 React Fiber的目标是增强其在动画、布局和手势等领域的适用性。它的主要...

通过React源码学习React Fiber的核心架构，源码基于React最新版本17.0.2，除了Fiber，也可以了解到其他关于React最新的源码及思想...

最近经常在知乎刷到一些类似的问题——《普通程序员真的无法度过 35 岁危机吗？》。程序员该如何度过 35 岁危机？老黄用自己的经历告诉你，进来看看吧~...

引言2021年，如果你的前端应用，需要在浏览器上保存数据，有三个主流方案：CookieWebStorage(LocalStorage)IndexedDB这些方案就是如今应用...

这个系列叫 Just Javascript，是 React 开发团队的成员 Dan Abramov 的一套试验性课程。目前仅在官网上通过邮件订阅的方式，向读者每周免费推送。...

目前网上有很多「XX源码分析」这样的文章，不过这些文章分析源码的范围有限，有时候讲的内容不是读者最关心的。同时我也注意到，源码是在不断更新的，文章里写的源码往往已经过时了。...

Fred回顾了Snowpack的一生，做开源真的很不容易，做成功更难，总结了这11个点，希望能帮助到做开源的大佬们！...

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。...

又是 10 个“哇塞”的 web 资源！悄悄按下了收藏键，这波又赚到了！“桥豆麻袋“！这次一定，把小赞👍也点起来吧~~...

一、触发状态更新的方式 ReactDOM.render —— HostRoot this.setState —— ClassComponent this.forceUpda...

1. 搭建项目 2. 克隆源码 v17.0.2 3. 将源码放在 src 目录下 debug-react/src 4. 修改 webpack alias 配置文件 debu...

执行ReactDOM.render会创建fiberRootNode（源码中叫fiberRoot）和rootFiber。 fiberRootNode fiberRootNod...

什么是refs转发 Refs 转发是一项将 ref 自动地通过组件传递到其子组件的技巧 为什么需要refs转发 某些组件需要管理其选中状态、焦点、媒体播放、动画执行等，这个...

之前在用babel的时候有个地方一直挺晕的，@babel/preset-env和@babel/plugin-transform-runtime都具有转换语法的能力，并且都能...

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又...

前言 作为一名软件开发工程师，为什么要了解项目管理知识呢？不知你是否在想，程序员只要写好代码就好了，何必要关心项目管理呢。在当今程序员行业愈发饱和的时候，保持竞争力是永恒的...

对 JS 而言，异常一般只会中止当前任务，基本不会导致崩溃，可异常监控却是一个完善的前端方案必须具备的...

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一...

总结了 JavaScript 执行上下文、作用域和闭包的概念，涉及声明提升等原理，并对闭包的应用场景进行了分析。...

既然标题说了是深入Babel，那我们就不说Babel各种用法了，什么babel-core，babel-runtime，babel-loader……如果你想了解这一部分内容，...