【山竹记账后端】1.搭建后端项目 从无到有创建 Rails API 大纲链接 § [toc] 1. 初始化目录 ⇧ 前提：已经创建好 oh-my-env 的容器环境，打开容器项目 已预装 ruby@3.0.0p0 或者 rvm use 3.1.2 已预装

【山竹记账】搭建docker开发环境 ⇧ 大纲链接§ [TOC] 1. 环境 ⇧ 环境主要分两种：生产环境 和 开发环境 兼容 Windows 11、macOS、Linux 生产环境 ⇧ 一般

【山竹记账】项目介绍 大纲链接 § [toc] 如何做技术选型 ⇧ 要好招聘 提高程序员的可替代性（真相令人悲伤) 要好用 自己公司用过或认识的人用过，反馈不错 要有长

对比三大测试框架-第一篇：Cypress、Playwright、Selenium 官方AI支持能力对比文档 文档说明 本文档全部依据三大框架官方官

引入 css 的方式 ⇧ 三种引入方式 行内样式 在元素上添加属性 style 页面级样式 使用 style 标签 外部css文件 使用 link 标签 行内样式表：行内样式 ⇧ 1 2 3 4 <div style=" width: 100px; height: 100px; "></div>

Hooks 各个击破 大纲链接§ [toc] React 内置的 Hooks 主要有以下几个： useState 组件状态 useEffect 副作用 useLayoutEffect useContext 上下文 useMemo 缓存 useCallback 回调 useReducer 统一状态管理（替代Redux） useRef 引用 useImperativeHandle useDebugValue 自定义 1. useState

Hooks 之 useState 原理解析 大纲链接§ [toc] 逐步分析 useState 基本原理和源码近似实现 1. 最简单的 useState 实现 ⇧ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function App() { console.log('App 运行了') const [n, setN] = useState(0)

函数组件 大纲链接§ [toc] 函数组件比 class 组件简单 1. 函数组件创建方式 ⇧ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 // Arrow Function Component const Hello = (props) => { return ( <div> {props.message} </div> ) } // 简写