如何增强自己读代码的能力

阅读代码原则

• 从 “小块” 开始，而不是整个项目看
• 阅读 README.md 文件，搞懂项目结构和文件作用
• 理解 “数据从哪里来，到哪里去”：比如用户点击了按钮，触发了什么函数，改了什么状态，显示了什么内容
• 第一天先看整体结构，第二天关注核心模块（比如用户登录流程），一小块一小块搞懂
• 多读几次，同一个功能会越来越清晰。

具体阅读项目代码步骤

• 先了解项目 “身份” 和 “目标”：README.md – 项目的说明书，通常写明：项目用途，如何运行（安装、构建、启动命令），技术栈（React? Express? Django?）
• 理解目录结构：入口文件 / 页面路由 / 公共组件 / 样式文件 / 接口或数据层 / 配置文件
• 从第一个加载的页面开始，用户打开网站后，最先看到的页面在哪里？追踪这个页面是怎么加载数据的、怎么渲染组件的。
• 顺着数据流、组件树走一遍：用浏览器调试工具、断点、console.log 跟踪数据走向，每读懂一个页面或模块，就总结一遍它的功能和组成