建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

前面的文章分析了 Concurrent 模式下异步更新的逻辑，以及 Fiber 架构是如何进行时间分片的，更新过程中的很多内容都省略了，评论区也收到了一些同学对更新过程的疑惑，今天的文章就来讲解下 React Fiber 架构的更新机制。 可以注意到 Fiber 节点有个 al…

写这篇文章的目的，主要是想弄懂 React 最新的 fiber 架构到底是什么东西，但是看了网上的很多文章，要不模棱两可，要不就是一顿复制粘贴，根本看不懂，于是开始认真钻研源码。钻研过程中，发现我想得太简单了，React 源码的复杂程度远超我的想象，于是打算分几个模块了剖析，今…

作为前端开发，JS是重中之重，最近结束了面试的高峰期，基本上offer也定下来了就等开奖，趁着这个时间总结下32个手写JS问题，这些都是高频面试题，希望对你能有所帮助。 当然也可以用include、filter，思路大同小异。 类数组是具有length属性，但不具有数组原型上的…

实习期间接触的大多为React相关的项目，在使用hooks API的过程中经常会遇到一些问题，有的时候是对API的理解上的，有的时候是对为什么会这样而疑惑的，所以花了几天的时间查阅了一些资料翻看了源码，在这里做下总结，也算是一些个人理解的经验分享吧。各个版本的hooks源码可能…

我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一半猜一半试来解 Bug，这显然是不行的。所以，今天开始就让我们来把 React Hook 慢慢烤透，以便在…

随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…