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

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

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

参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn 1. 组件数据挂载1.1 状态 state状态就是组件描述某种显示情况的数据，由组件自己设置和更改，也就是说由组件自己维护，使用状态的目的就是为了在不同的状态下使组件的显示不同(自己管理)。 state 与 setState sta

参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn 1.受控与非受控组件1.1 表单非受控组件 ref 来从 DOM 节点中获取表单数据，就是非受控组件 如果你不介意代码美观性，并且希望快速编写代码，使用非受控组件往往可以减少你的代码量。否则，你应该使用受控组件。 在 React 渲

参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn 1. 生命周期v17 & v19组件的生命周期可分成三个状态： Mounting(挂载|初始化)：已插入真实 DOM (constructor→render→componentDidMount) Updating(更新|运

参考： React 官网：https://zh-hans.react.dev/ React 教程：https://zh-hans.react.dev/learn React Router 官网：https://reactrouter.com/ React Router 教程V6：https://reactrouter.com/6.30.3 React Router 教程V6（中文）：https

参考： Flux 架构思想框架×15：https://github.com/voronianski/flux-comparison Redux 源码：https://github.com/reduxjs/redux Redux 官网：https://redux.js.org/ React-Redux 源码：https://github.com/reactjs/react-redux Redux

参考： Mbox 官网：https://www.mobx.org.cn/ 1. Mobx1.1 介绍(1) Mobx是一个功能强大，上手非常容易的状态管理工具。 (2) Mobx背后的哲学很简单: 任何源自应用状态的东西都应该自动地获得。 (3) Mobx利用 getter 和 setter 来收集组件的数据依赖关系，从而在数据发生变化的时候精确知道哪些组件需要重绘，在界面的规模变大的时候，