YIFEI

路由基本使用、多级路由和命名路由、路由传参（、replace和push属性编程式路由导航、缓存路由组件、两个新的生命周期钩子、路由守卫、路由器的两种工作模式...

Vue3更新了一些新的组件比较有亮点`Fragment`、`Teleport`、`Suspense`，还有一些其他变化。下面具体分析下如何炫酷的使用。...

Vue3中逻辑编码主要靠各种组合式API来实现的，这片主要列出编程中会经常使用到的API并进行分析，当然一些主要的API在以往章节详细介绍过的，可通过链接去学习。...

自定义`hook`函数类似与封装一个可复用的组件，只不过它是一个函数，封装的是一个可复用的函数功能，与Vue2中的`mixin`类似。下面通过一个例子就可以很好理解它了...

Vue3生命周期与Vue2基本相同，都可以通过配置项去使用生命周期钩子，但流程设计上有了一些区别，一些钩子名称发生了变化，并且Vue3可以通过组合式API形式去使用生命组件...

Vue3中的计算属性computed和监视watch与Vue2中的配置功能一致，但监视watch在用的时候却存在两个小坑，而且Vue3出现了watchEffect函数，能够...

在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数...

Vue2实现响应式原理使用的是Object.defineProperty()对对象中某个属性的读取、修改进行拦截，存在新增和删除缺陷。而Vue3实现响应式原理使用的是Pro...

Vue3中实现数据响应式，用到的是组合式API中的`ref`和`reactive`函数，不同的是`ref`函数一般定义基本类型数据，而`reactive`函数用于定义一个对...

JSX是一种语法糖,在编译过程中会通过babeljs转译成React.createElement语法 React.createElement会返回一个React元素...

React推出三种定义组件的方式：函数式、es5、es6。这三种方式有什么联系和区别，以及我们手写如何实现，将在本文...

状态更新引起组件更新，本文将依次从以下五个阶段依次实现setState() --> 实现状态更新器 --> 实现组件更新 --> 实现事件绑定 --> 实现异步...

如果react事件绑定在了真实DOM节点上，一个节点同时有多个事件时，页面的响应和内存的占用会受到很大的影响。因此`SyntheticEvent`作为中间层出现，把事件处理...

React的ref一共有三种形式：原生组件的ref、类组件的ref、函数组件的ref。本文将按照源码思想手写实现这三种方式...

本文将手写实现以下阶：初始化 initialization，初始化状态和属组件挂载 组件将要挂载componentWillMo...

React从零开始设计的时候就考虑了性能的问题。在这篇文章中，我将介绍React中的diff算法和渲染过程。这样就能...

准备 React 16前的生命周期在React 16引入fiber之后就不合适了，因为如果要开启async rendering，在render函数之前的所有函数可能会被Re...

Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据。Context 其实使用的是Provider和Customer模式，和reac...

高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式...