最新 最热

vue面试之Composition-API响应式包装对象原理

打开源码可以找到reactive的入口,在composition-api/src/reactivity/reactive.ts,我们先从函数入口开始分析reactive发生了什么事情,通过之前的学习我们知道,reactive用于创建响应式对象,需要传递一个普通对象作为参数。...

2022-10-04
1

React循环DOM时为什么需要添加key

所以在每次更新的时候,React需要基于这两颗不同的树之间的差别来判断如何有效的更新UI,如果一棵树参考另外一棵树进行完全比较更新,那么即使是最先进的算法,该算法的复杂程度为 O(n3),其中 n 是树中元素的数量,如果在React...

2022-10-04
1

npx是什么

Node安装后自带npm模块,可以直接使用npx命令。如果不能使用用,就要手动安装一下。

2022-10-04
1

读懂React原理之调和与Fiber

Fiber 架构是React16中引入的新概念,目的就是解决大型 React 应用卡顿,React在遍历更新每一个节点的时候都不是用的真实DOM,都是采用虚拟DOM,所以可以理解成fiber就是React的虚拟DOM,更新Fiber的过程叫做调和,每一个fiber都...

2022-10-03
1

你要的react+ts最佳实践指南

本文根据日常开发实践,参考优秀文章、文档,来说说 TypeScript 是如何较优雅的融入 React 项目的。

2022-10-03
1

React生命周期深度完全解读

在 React 中,对于每一次由状态改变导致页面视图的改变,都会经历两个阶段:render 阶段、commit 阶段。

2022-10-03
1

React组件复用的发展史

React MiXin只能通过React.createClass()来使用,如下:

2022-10-03
1

React源码解读之任务调度

React 设计体系如人类社会一般,拨动时间轮盘的那一刻,你便成了穿梭在轮片中的一粒细沙,角逐过程处处都需要亮出你的属性,你重要吗?你无可替代吗?你有特殊权限吗?没有,那不好意思,请继续在轮片中循环。属于你的生命之火殆尽,前来...

2022-10-03
1

React源码解读之更新的创建

React 的鲜活生命起源于 ReactDOM.render ,这个过程会为它的一生储备好很多必需品,我们顺着这个线索,一探婴儿般 React 应用诞生之初的悦然。

2022-10-03
1

细说react源码中的合成事件

最近在做一个功能,然后不小心踩到了 React 合成事件 的坑,好奇心的驱使,去看了 React 官网合成事件 的解释,这不看不知道,一看吓一跳...

2022-10-03
1