在一个后台管理系统中，安全是很重要的。不光后端需要做权限校验，前端也需要做权限控制。我们可以大致将权限分为3种： 接口权限、页面权限、按钮权限。 在这当中，前端主要关注点则是页面权限，按钮权限，而前端做这些的主要目的则是： 禁止用户访问一

setState 只在合成事件和钩子函数中是“异步”的，在原生事件和 setTimeout 中都是同步的。 setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，只是合成事件和钩子函数的调用顺序在更新之

首先，我们需要知道redux的相关概念 概念首先，我们需要知道redux有以下概念 Action：一个JavaScript对象，描述动作相关信息，必须要包含的是一个type属性，用于描述当前Action，其他属性为值。 Reduce

本文章是用来总结卡颂大佬的《从零实现React18》课程的。 章节1主要讲解了一个项目的搭建应该从以下几个角度出发： 项目结构（是选择Multi-repo还是Mono-repo） 打包工具 如何定义开发规范 章节2这一章主要讲了如何

老版本的生命周期

本文只是用于将学习到的知识做一个梳理与总结 浏览器架构现代浏览器通常采用多进程架构。每个进程都有独立的内存空间，相互隔离，提高浏览器的稳定性、安全性和性能。 以Chrome为例，浏览器的进程包含以下几个主要进程： 浏览器主进程: 负责协调

客户端渲染vs服务端渲染 客户端渲染 服务端渲染 请求 多个请求(HTML, 数据等) 1个请求(HTML) 加载过程 HTML和数据串行加载 1个请求返回HTML和数据 渲染 前端加载空白html，然后加载js生成ht

React18 引入了一个关键概念 并发性（Concurrency）。 并发则涉及到多个更新操作的同时执行，这可以说是React18中最重要的功能。除了并发，React18 新增了两个hook ，也就是useTransition和useDe

类组件的不足（Hooks要解决的问题）缺少逻辑复用机制为了复用逻辑增加无实际渲染效果的组件（高阶组件、渲染属性），它们增加了组件层级显示十分臃肿，增加了调试的难度以及运行效率的降低 类组件经常会变得很复杂难以维护 将一组相干的业务逻辑拆分到

最近在做项目时遇到一个需求，需要让一个列表能够通过点击按钮进行滚动，每次都是一屏的距离，不足则结束。并且，这个列表项是在react-grid-layout中的某一个模块内。所以包裹这个列表的容器会随时发生变化。在完成这个组件后，通过这篇文章