参考： Ant Design（PC端）：https://ant.design/index-cn/ Ant Design（PC端-镜像库·快）：https://gitee.com/ant-design/ant-design Ant Design（移动端）：https://mobile.ant.design/zh Ant Design 是一个致力于提升『用户』和『设计者』使用体验的设计语言 ；

参考： styled-components 官网：https://styled-components.com/ styled-components 教程：https://www.zhifeiya.cn/reference/styled-components.html 1. styled-components 它是通过JavaScript改变CSS编写方式的解决方案之一，从根本上解决常规CSS

参考： redux-saga 官网：https://redux-saga-in-chinese.js.org/index.html 1. 介绍 在saga中，全局监听器和接收器使用Generator函数和saga自身的一些辅助函数实现对整个流程的管控。 1.1 原理：生成器12345678910111213141516171819function *test() { cons

1. Portal1.1 介绍Portals 提供了一个最好的在父组件包含的DOM结构层级外的DOM节点渲染组件的方法。 1ReactDOM.createPortal(child,container); 第一个参数child是可渲染的react子项，比如元素，字符串或者片段等。第二个参数container是一个DOM元素。 普通的组件，子组件的元素将挂载到父组件的DOM节点中。 1234567

参考： GraphQL 官网：https://graphql.cn/ GraphQL 官方文档：https://graphql.cn/learn/ 1. GraphQL1.1 介绍GraphQL 是 Facebook 开发的一种数据查询语言，在 2015 年公开发布，它是 REST API 的替代品。 GraphQL 既是一种用于 API 的查询语言，也是一个满足你查询数据的运行时。它对你的

一、主流 React 前后端一体企业级框架（按落地度排序）1. Ant Design Pro（阿里出品，最主流） 核心定位：React 中后台领域的「事实标准」，前后端一体（前端基于 umi + Ant Design，后端可对接 Java/Node.js/Go 等），阿里内部及数千家企业落地（如阿里云、钉钉、飞书生态）。 核心特点： 前端：基于 umi4（React 企业级路

参考： DvaJS 官网：https://dvajs.xiniushu.com/guide/ UmiJS 官网：https://umijs.org/ 案例源码：https://github.com/janycode/react-umi3-demo 1. DvaJS1.1 介绍dva 首先是一个基于 redux 和 redux saga 的数据流方案（可以理解为公共状态管理），然后为了简化开发

参考资料：https://github.com/Meituan-Dianping/Leaf 1.Leaf-segment号段模式Leaf-segment号段模式是对直接用数据库自增ID充当分布式ID的一种优化，减少对数据库的频率操作。相当于从数据库批量的获取自增ID，每次从数据库取出一个号段范围，例如 (1,1000] 代表1000个ID，业务服务将号段在本地生成1~1000的自增ID并加载到内存

参考资料(Swagger)：https://swagger.io/ 参考资料(Knife4j)：https://doc.xiaominfo.com/ 1. 官方Swagger UI1.1 访问效果 1.2 依赖pom.xml 123456789101112131415161718192021222324252627<dependency> <groupId>org.

参考资料1：https://toscode.gitee.com/dongzhumao86/mqcloud 参考资料(官方文档)：https://github.com/sohutv/mqcloud/wiki MQCloud 是搜狐的一款开源RocketMQ企业级一站式服务平台。 1. MQCloud创建topic访问链接（也是 domain 字段配置）： dev: dev-mqcloud.xx