参考： 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

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 vue2 迁移到 vue3： https://developer.

参考资料： 官网：https://cn.vuejs.org/ vue2 官方教程：https://v2.cn.vuejs.org/v2/guide/ vue3 官方教程：https://cn.vuejs.org/guide/introduction.html 说明：Vue 2.0 在 2023 年 12 月 31 日停止更新。 1. 区分不同环境1.1 ①创建环境变量文件创建 3 个.env

参考： uni-app 官网：https://www.dcloud.io/ HBuild X 开发工具：https://hx.dcloud.net.cn/ uni-helper (uni-app脚手架)：https://uni-helper.js.org/ 免费测试api接口：https://jsonplaceholder.typicode.com/ 随机猫咪API接口：https://a

参考： uni-app 官网：https://www.dcloud.io/ HBuild X 开发工具：https://hx.dcloud.net.cn/ 1. 环境准备1.1 安装 HBuild XHBuild X 开发工具：https://hx.dcloud.net.cn/ 注意事项： 安装时选择快捷键方案 IntelliJ IDEA 方案即可。 HBuilderX 代码格式化配置

参考： uni-app 官网：https://www.dcloud.io/ uni-app 条件编译：https://uniapp.dcloud.net.cn/tutorial/platform.html HBuild X 开发工具：https://hx.dcloud.net.cn/ 1. 打包&上线1.1 微信小程序微信开放平台：https://mp.weixin.qq.com/

参考： 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 React17 文档（英文）：https://17.reactjs.org/docs/getting-started.html React18 的新内容：https://zh-hans.react.dev/blog/2022/03/2

参考： 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 1.受控与非受控组件1.1 表单非受控组件 ref 来从 DOM 节点中获取表单数据，就是非受控组件 如果你不介意代码美观性，并且希望快速编写代码，使用非受控组件往往可以减少你的代码量。否则，你应该使用受控组件。 在 React 渲