下图这种表单在后台管理项目中很常见，为了能一天写999个表单，我认真的研究了下如何根据配置项直接生成表单（严肃脸）。配置项中需要有哪些字段？每一个表单项必需的值有key，label，下面这些为非必需的

前端进行权限控制只是为了用户体验，对应的角色渲染对应的视图，真正的安全保障在后端。 用户若记住了某个 url，直接浏览器输入，不论该用户是否拥有访问该页面的权限，均能进入页面。 若页面初始化时（componentDidMount）进行接口请求，后端会返回 403 的 HTTP …

Ant Design Pro 是一个非常优秀的开箱即用的中台前端/设计解决方案，私以为有些地方过度封装，当然这是见仁见智的看法。项目中遇到需要切换主题的需求，研究了一下，最后得到了比较完美的结果。 主题切换分为两个部分，一个是 Ant Design 组件的主题切换，另一个是自定…

由Flux演变而来，作为状态容器，提供可预测的状态管理。 复杂应用中无法获取操作记录，而状态的改变往往意味着对应视图的变化，这一过程是不可控的。 提供一种机制，统一对状态的查询、改变、应用进行管理，同时对每一次的状态变更可进行回溯追踪。 多个组件件间可能存在数据的共享以及通信。…

最近遇到个需求：前端登录后，后端返回token和refresh_token，当token过期时用旧refresh_token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。 当用户发起一个请求时，判断token是否已过期，若已过期则…

虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。 类组件可以使用其他特性，如状态 state 和生命周期钩子。 当组件只是接收 pro…

react凭借virtual DOM和diff算法拥有高效的性能，除此之外也有很多其他的方法和技巧可以进一步提升react性能，在本文中我将列举出可有效提升react性能的几种方法，帮助我们改进react代码，提升性能。但是我们不必一定要在项目中使用这些方法，但是我们有必要知道…

在package.json处声明全局变量GENERATE_SOURCEMAP=false，而不是在config-overrides.js添加devtool配置（devtool的配置仅对webpack有效，但对postcss-loader无效，eject后webpack的post…

在任意目录下，新建一个文件夹作为你的项目文件夹，命名随意。随后使用命令行工具，切换到该文件夹，键入npm init进行初始化（遇到的问题一直回车就好了），初始化完成之后可以看到生成了一个package.json文件。 随后在该项目文件夹下新建两个文件夹：/dist和/src，其…