React 中后台开发

如果你正在阅读这篇文章，十有八九正在使用或学习 React。你肯定也听说过 react-router——多年来在 React 世界里最流行的路由库。 但你可能还不知道，最新的 React Router

🤕 问题 tailwind css 推崇移动端优先原则： 也就是说默认情况我们的样式是针对移动端的，如果需要适配宽屏需要增加前缀 md: 或 lg: 等，看起来挺好的，但是在隐藏元素方面存在一些不方便

问题和背景 在响应式设计中，我们经常会遇到一个元素在移动端隐藏在 PC 端展现，或反之。 我们可以通过 hidden md:xx 来实现，比如将一个 div 元素隐藏可以使用 hidden md:bl

我们知道通过 className 增加 md: 等关键字可以让我们在 css 中判断小、中、大屏等。 比如想让一个元素在小屏隐藏，但其他屏幕展示。可以如下： 但是有时候仅仅通过 hidden clas

1. 如何提升测试性能？ 将 getAllByRole 改成 getAllByText，性能从 2.6s 优化到 <1ms。 我们对文字断言也做了性能优化，从 1s+ 优化到零点几ms！这是因为我们的

背景 umijs v4 后出现了 umi max。如果升级或选型应该如何选。 本文将试图从代码层面比较二者，让大家对二者有个清晰的认识。 文章代码基于 @umijs/max v4.4.9 umi v4

背景 翻阅 useMount 和 useUnmount 的源码我们会有一个疑惑：为什么 useUnmount 要用 useRef（useLatest 底层使用的是 useRef），而 useMount

默认 Echarts 仅有 9 种颜色，如果超过则会出现重复，导致用户体验不是很好。 现在提供一种解决思路。超过则使用随机颜色填充： 使用

比如某个字段表示含义为 我们需要将其渲染在表格中同时需要渲染在详情中。 有两种写法 1. 类型优先 首先在 service 层定义其类型 ITrainStatus 虽然大部分情况 union 应该优先

1. AbortController 可以复用吗？ 答：不能。一旦一个 signal 被 abort 他的状态就永远是 aborted=true 也就不会再触发 abort 事件。 有两种解决办法：

随着软件行业的不断发展和犯错，最佳实践和良好的软件设计原则逐渐形成和概念化，以避免在未来重复相同的错误。面向对象编程（OOP）的世界尤其是一个充满这类最佳实践的宝库，而 SOLID 毫无疑问是其中最具

比如我们有一行卡片，中间需要用分割线隔开，让视觉更美观。 如果卡片数量固定且较少，很简单，将所有卡片一一写出，中间加上分隔线即可。实际情况卡片数可能较多，一一写出代码量线性增长不好维护，而且很可能数量

在 React 中嵌入 iframe 是一种常见的需求，通常用于嵌入外部网页、隔离样式或加载独立的内容。以下是实现 React 中嵌入 iframe 的方法和最佳实践。 基本用法 在 React 中,

1. 既能输入不存在的选项又能进行下拉框选择 你需要的是 ant.design ~ auto-complete 2. menu 组件无法动态设置 defaultSelectedKeys 何时需要动态修

单元测试 单元测试简称单测。我们采用 Vitest + react-testing-library (RTL) 做为测试框架。目录结构如下： 环境准备 安装依赖： 新增文件 tests/setup.m

1. <></> 和 <Fragment></Fragment> 区别 前者是后者的语法糖，其实还不准确。二者还是有区别的，大家可关注公众号 **`JavaScript与编程艺术`**

本文价值 💰 一、插值如何写 interpolation ➰ 最基础的问题，但官方文档却不能让你一下子找到示例。 关键点使用双大括号 {{ }} 先定义 使用 二、如何对 ReactNode 做插值

思维导图 优势分析 1. #静态资源 📦 0 Bundle Size 下面这张图估计每个前端项目都见识过： React Server Component 是如何做到 Zero-Bundle-Size？

React，是一个用于构建用户界面的库。它非常简单，在它最纯粹的形式中，整个心智模型可以用一个公式来表示： view = function (state) 这个公式中不太常被谈论的一个方面是React

在内容驱动的网站中，经常需要在内容渲染之前做一些加工。例如，用 Markdown 编写的博客可能需要对代码块进行语法高亮。 让我们用一个小例子来说明这个问题。 我们有一个带有链接的 Markdown