React中响应式原理 1.开发者只需关注状态转移（数据），当状态发生变化，React框架会自动根据新的状态重新构建UI。 2.React框架在接收到用户状态改变通知后，会根据当前渲染树，结合最新的状

点击进入React源码调试仓库。 由于fiber机制的特点，生成一个fiber节点时，它对应的dom节点有可能还未挂载，onClick这样的事件处理函数作为fiber节点的prop，也就不能直接被绑定到真实的DOM节点上。 为此，React提供了一种“顶层注册，事件收集，统一触…

Scheduler 是一个任务调度器，它会根据任务的优先级对任务进行调用执行。在有多个任务的情况下，它会先执行优先级高的任务。

无论是对于任何语言框架来说，编译部分的知识往往是隐藏在代码内部不为认知但又非常重要的知识。 大部分前端工程师对于编译原理方面的内容或许仅仅停留在表象层面的理解，仅仅”知其然而不知其所以然“。

上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。 单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了…

<Route/> 组件渲染优先级 渲染方式有如下三种: render component children 三个属性同时存在 渲染结果 只有render和component 渲染结果 因此,渲染的优先

对于一些 PC 端项目来说， 有的页面不需要登录就可以访问，比如，登录页 有的页面需要登录后才能访问，比如，项目后台首页、内容管理等（除了登录页面，其他页面需要登录才能访问） 因此，就需要对项目进行登

之前看到系统自带的画图工具， 感觉挺有意思， 于是用react和canvas实现了个简易画图工具， 不用react也行， 我主要是因为在原来的项目里写的， 所以用了react。 首先给canvas添加mousedown, mousemove, mouseup三个监听事件。 当鼠…

之前其实对于useRef使用的并不多，但在最近公司的新项目开发中，碰到了许多需要使用useRef来解决的业务场景，顺便也对useRef好好的研究了一番，以此文作为学习的总结。 注意：本文只介绍现在hooks中的useRef、forwardRef以及useImperativeHa…