GW_刘振

useState: 哪有有组件，就有他，无处不在！那么useState内部究竟是什么？如何实现数据更新的？ 下面，我们来一层层解析，一探究竟吧~ 一. useState 嗯...

React致力于高效的渲染，主要核心来自于：异步可中断渲染，和时间分片。但这些任务的调度都涉及到优先级的管理。 在react中，大致可分为3种： fiber更新优先级 La...

上一篇，我们介绍了commit阶段，其中一阶段触发了异步flushPassiveEffects执行。在react中，schedule是实现异步调度的核心。 react fi...

上一篇，我们了解到beginWork和completeWork阶段，到这里为止，协调的数据都在内存中，页面上还没有任何变化。接下来的commit阶段至关重要，接下来我们一探...

上一篇，我们介绍了beginWork，react使用的是深度优先遍历算法，整个fiber的构建都遵循此算法。 这也意味着，并不是所有节点beginWork完成后，才去进行c...

上一篇，我们介绍了fiber的基本概念，以及fiber在初始化阶段生成了fiberRoot和rootFiber 2个对象。 但，整个fiber树还没有构建，未进入recon...

前面的章节，我们在render方法里，简单涉及到了fiber，那么： fiber究竟是什么？ fiber的出现解决了什么问题？ 为什么fiber之前的版本，没办法解决 下面...

在react中有3种启动方式： ReactDOM.render ReactDOM.unstable_createBlockingRoot ReactDOM.unstable...

React是世界上最好的前端工程师们历经多年打造的UI库 他的宗旨是：learn once, write anywhere 得益于优秀的设计，react可以开发: web ...

上一篇，我们已经介绍了微前端的概念以及应用场景，不熟悉的小伙伴建议先阅读 我的上一篇文章：前端服务化-微前端介绍篇 https://juejin.cn/post/70281...

一. 什么是微前端 定义 微前端是一种类似微服务的架构，他将微服务的理念应用到浏览器端。 简单来说，将一个庞大的前端服务拆分为n个小服务，在运行时聚合。 每个小服务可以 独...

前端的传统部署方式，将静态资源打包放在nginx下面，由nginx返回文件。 但，面对日益复杂的前端应用，我们可能将面对： 线上的前端资源如何做的快速回滚？ 传统的方式，如...

在计算机编程中，单元测试（英语：Unit Testing）又称为模块测试，是针对程序模块（软件设计的最小单位）来进行正确性检验的测试工作。 程序单元是应用的最小可测试部件。...

工程化是软件工程的一种。性能，稳定性，可用性，可维护性，效率等都是工程化需要解决的。 前端的真正的发展，也就这么10年时间，工程化发展还不够完善。 而我们日常的开发，首先要...

在vue中，patch过程，是以新的虚拟dom为基准，改造旧的虚拟dom。 接下来，我们逐个击破。 一. update 在执行render函数，返回虚拟dom之后，vue会...

上一篇，我们分析了compiler过程，其核心是将template转化为render函数。 我们带着这些问题，来一探究竟。 一. Render函数 我们知道，compile...

上一篇，我们介绍了vue实现响应式的原理。其中，有2点需要重点展开分析： 在讨论上述2个问题之前，我们先待 了解 compiler过程。这是核心前提，只有先熟悉了它，我们才...

在前两篇文章中，我们介绍了vue初始化的工作 和 挂载的总体流程。 下面，我们基于 前面的基础上，重点探讨一下vue中的响应式原理实现。 那么这一切背后，背后发生了什么？下...