2025-02-20 前端日常-基于RBAC和React-Router(V6)的权限控制 ReactReact-Router 前端 theme: channing-cyan在一个后台管理系统中,安全是很重要的。不光后端需要做权限校验,前端也需要做权限控制。我们可以大致将权限分为 3 种: 接口权限、页面权限、按钮权限。 在这当中,前端主要关注点则是页面权限,按钮权限,
2023-05-10 React如何利用浏览器的事件循环来实现并发特性 React 前端 本文只是用于将学习到的知识做一个梳理与总结 浏览器架构现代浏览器通常采用多进程架构。每个进程都有独立的内存空间,相互隔离,提高浏览器的稳定性、安全性和性能。 以 Chrome 为例,浏览器的进程包含以下几个主要进程: 浏览器主进程: 负责
2023-05-09 React18中的useTransition和useDeferredValue React 前端 React18 引入了一个关键概念 并发性(Concurrency)。 并发则涉及到多个更新操作的同时执行,这可以说是 React18 中最重要的功能。除了并发,React18 新增了两个 hook ,也就是useTransition和us
2023-05-02 前端日常-基于React-Router(V6)的权限控制 ReactReact-Router 前端 在一个后台管理系统中,安全是很重要的。不光后端需要做权限校验,前端也需要做权限控制。我们可以大致将权限分为 3 种: 接口权限、页面权限、按钮权限。 在这当中,前端主要关注点则是页面权限,按钮权限,而前端做这些的主要目的则是: 禁止用户访
2023-04-12 React Hook React 前端 类组件的不足(Hooks 要解决的问题)缺少逻辑复用机制为了复用逻辑增加无实际渲染效果的组件(高阶组件、渲染属性),它们增加了组件层级显示十分臃肿,增加了调试的难度以及运行效率的降低 类组件经常会变得很复杂难以维护 将一组相干的业务逻辑拆分
2023-04-12 《从零实现React18》学习总结 React 前端 本文章是用来总结卡颂大佬的《从零实现 React18》课程的。 章节 1主要讲解了一个项目的搭建应该从以下几个角度出发: 项目结构(是选择 Multi-repo 还是 Mono-repo) 打包工具 如何定义开发规范 章节 2这一章
2023-04-12 基于React实现一个内容滑动组件 React 前端 最近在做项目时遇到一个需求,需要让一个列表能够通过点击按钮进行滚动,每次都是一屏的距离,不足则结束。并且,这个列表项是在react-grid-layout中的某一个模块内。所以包裹这个列表的容器会随时发生变化。在完成这个组件后,通过这篇文章
2022-11-26 关于React测试的思考 React测试 前端 为什么要写单元测试 帮助开发者完善异常逻辑,提高程序健壮性 降低代码耦合度,防止在项目中出现修改了一处代码后,却影响了其他代码的尴尬场景 提高项目组件的职责的单一性,防止在组件内出现业务逻辑,降低复用效率 作为文档:在一个中大型项目中,随着
2022-09-18 setState是同步还是异步的 React 前端 setState 只在合成事件和钩子函数中是“异步”的,在原生事件和 setTimeout 中都是同步的。 setState 的“异步”并不是说内部由异步代码实现,其实本身执行的过程和代码都是同步的,只是合成事件和钩子函数的调用顺序在更新
2022-09-10 redux源码学习 React 前端 首先,我们需要知道 redux 的相关概念 概念首先,我们需要知道 redux 有以下概念 Action:一个 JavaScript 对象,描述动作相关信息,必须要包含的是一个 type 属性,用于描述当前 Action,其他属性为值