参考： 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 的查询语言，也是一个满足你查询数据的运行时。它对你的

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

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

参考： json-server 库：https://www.npmjs.com/package/json-server json-server 源码：https://github.com/typicode/json-server json-server 文档：https://rtool.cn/jsonserver/docs/introduction json-server -w db.jso

参考： webpack 官方网站：https://www.webpackjs.com/ 1. 为什么需要 Webpack1.1 前端开发的痛点 浏览器原生不支持 ES6+ 模块化（import/export）、TypeScript、Vue/React 单文件组件等现代语法。 资源管理混乱：JS、CSS、图片、字体等文件依赖关系复杂，手动维护易出错。 生产环境需代码压缩、兼容性处理、

参考： webpack 官方网站：https://www.webpackjs.com/ 作为以 Java 为核心的全栈，需要掌握的 Webpack 程度： 不用像前端基建工程师那样精通 Webpack 源码，但要掌握 “够用” 的程度，核心目标是：能解决日常开发 / 部署的问题。 必掌握的核心点（1-2 天） 理解核心概念：入口（entry）、出口（output）、load

参考： 微信小程序官网：https://mp.weixin.qq.com/cgi-bin/wx 微信小程序开发文档：https://developers.weixin.qq.com/doc/ 1. 环境准备1.1 运行环境 运行环境 逻辑层 渲染层 iOS JavaScriptCore WKWebView 安卓 V8 chromium定制内核 小程序开发者工具 NWJS C

参考： 微信小程序官网：https://mp.weixin.qq.com/cgi-bin/wx 微信小程序开发文档：https://developers.weixin.qq.com/doc/ 案例源码：https://github.com/janycode/wx-wechat-mall-applet-demo .gitignore: https://github.com/janycode/wx