那是一个平静的周五下午，我正准备提早下班享受周末，突然运营小姐姐火急火燎地跑过来："页面上的数据显示有问题！用户投诉说前后对比功能完全乱了！" 打开生产环境一看，我的心凉了半截。用户反馈页面中的"上

在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。

本文希望通过分析 useMemo/useCallback 的目的、方式、成本，以及具体使用场景，帮助开发者正确的决定如何适时的使用他们。

基本概念 在 FunctionComponent 中创建 ref 需要使用到useRef这个hook，函数签名如下 useRef 函数接收一个初始值，并返回一个可变的（mutable） ref 对象，

本文主要介绍 React ref callback 的使用场景，只有在访问底层的 DOM 元素时，才需要 ref callback

Form表单组件是我们经常使用的一个组件。以antd库为例，我们通常会在登录场景中使用它。那么，如果要实现一个Form组件，应该怎么实现呢？

对于一个后台管理系统，尤其是复杂的后台管理系统，一定会涉及到复杂的页面角色权限管理。本文基于react、vue3、vue2等前端框架分别实现一套前端的页面权限管理机制。

React 是基于 vdom 的前端框架，组件 render 产生 vdom，然后渲染器把 vdom 渲染出来。 state 更新的时候，组件会重新 render，产生新的 vdom，在浏览器平台下，

React 在构建用户界面整体遵循函数式的编程理念,即固定的输入有固定的输出,尤其是在推出函数式组件之后，更加强化了组件纯函数的理念。但实际业务中编写的组件不免要产生请求数据、订阅事件、手动操作 DO