ElevenDing

英语中的动词除了可以表示时间和状态，还可以表示语气。这里的语气并非我们平时说话的语气：比如温柔的、凶狠的、伤心的等，这里的语气是一个语法概念，它分为以下三类语气：陈述语气、...

非彼无我，非我无所取。——庄子 插件是 webpack 的支柱功能。webpack 自身也是构建于，你在 webpack 配置中用到的相同的插件系统之上！插件目的在于解决 ...

本文讲解了JS生成器的概念和应用场景。生成器是一个可以暂停和恢复执行的函数。利用生成器我们可以很方便地实现自定义的可迭代对象、状态机、惰性计算等，并且还能用它来简化我们的异...

随着软件行业的快速发展，软件变得更加多元化，相应的项目也随之变得复杂起来，如何缩短页面反应时间，成为了一个技术方案难题，微前端设计思路的出现使得这个难题在一定程度上得以解决...

详细介绍React Fiber副作用含义，fiber flags常见的操作。React采用二进制标记副作用的好处。...

上篇我们提到，我女朋友的身份从一个「前端开发」转变成「创业者」，所以本篇文章重点突出创业后她的一些思考。...

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获...

近年来，由于React的简单和灵活使其成为最受欢迎的前端框架库之一。然而，当应用程序变得越发复杂，管理状态、处理一步输入和维护可扩展的架构就变得更加困难。本文将介绍四种高级...

大家好，我是前端西瓜哥。今天我们来详细讲解一下 React 的 commit 阶段的逻辑。 commit 分三个阶段： BeforeMutation Mutation：在这...

有想法想沉淀，动笔前却犯了难？本篇文章将通过五个步骤教你写一篇技术文章。下一个掘金大佬说不定就是你！...

递归阶段的归阶段, `completeWork`的目的就是为了创建好对应的`dom`节点插入对应的父级节点的`dom`节点, 为其添加副作用标识, 再`commit`阶段将...

基本数据结构 React中有三种节点类型 ReactElement：createElement的返回值 ReactComponent：函数组件或类组件 FiberNode：...

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

谈到 react 的工作过程，不得不提的一定会有 fiber tree 的协调过程、diff 算法比较、更新副作用的处理这些内容。在之前的 漫谈 react 系列(一)：初...

Reconciler 是什么 Reconciler 是 React 核心逻辑所在的模块，那Fiber架构的实现原理是什么呢...

从设计思路、原理以及源码等多方面分析 react class 组件中用到的updateQueue 。...

1.浏览器的渲染原理 #浏览器是如何渲染页面的 1.什么叫渲染 render 2.渲染的时间点 当浏览器的网络线程收到html文档时,会产生一个渲染任务,并将其传递给渲染任...