react、vue项目代码阅读熟悉技巧

2023-10-30

在没有人给你解读项目的情况下,接手到老项目该如何开始起步熟悉呢?除了要大致到了解项目业务背景、技术栈,还应该要有通用化熟悉项目的技巧,每个人熟悉项目习惯技巧都不一样,尊重每个人的习惯和想法,建议收藏以下我的分享的熟悉项目技巧。


  1. 拉项目,先熟悉项目的README.md项目介绍,主要了解项目的技术栈、运行命令、配置项(如配置什么请求域名)、测试账号、注意事项等等。
  2. 再来熟悉项目的package.json文件,主要了解项目的运行命令、技术栈、大致的依赖包等。
  3. 安装项目,启动项目。项目能很顺利的运行在好不过了,如果运行不了还是需要找你给你项目的人要账号或配置项什么的。
  4. 观赏项目成果,主要大致了解业务功能、功能框架(大致多少功能组成)等。
  5. 了解项目文件夹结构目录,如页面在哪个、路由在哪、接口在哪、状态在哪、静态资源在哪等等。
  6. 不建议直接阅读源码,如果项目庞大很容易伤信心,要结合运行的项目页面和源码一起阅读,可以在运行的项目大致的可以估出多少个功能页面,做好心里有数,然后制定优先级页面对照源码来熟悉,优先从项目打开第一个页面开始看。
  7. 好记性不如烂笔头,建议项目git切出注释分支,不要提交远程只给自己注释源码用的本地分支,项目如果有注释那可能是最幸福了。页面对照源码时,看懂的地方注释自己的懂的意思,慢慢叠加注释很容易克服阅读项目困难。通过注释来增加项目的阅读足迹慢慢的你会对项目有了把控信心、方便后面反复阅读,增加你对项目描述的能力。
  8. 阅读项目功能遵循由浅到深、由整体到细节。要做到快速的对项目有全局对把控,心里要有项目的大致框架。一般情况下项目是由多个页面组成,页面是由多个组件功能组成,一个组件功能由多个小组件组成等,按照这样的规律了由上至下阅读,浅阅读掌握到页面级别差不多就可以了。
  9. 优先级阅读项目、选择性功能阅读如果遇到项目着急入手开发,那就更应该注重优先级阅读策略,如果没有遇到也应该要养成这样良好习惯,这将会增加你的摸鱼时间。分析项目着急开发的功能,整理出涉及开发相关的页面,将重点阅读;当项目开发时间宽松,也要分析整理出热业务功能页面,重点阅读,其他不重要的如个人中心页面、登录页面等冷业务页面后面将简单过下就行了,这也是根据情况来制定该策略。

  10. 页面位置查询阅读阅读一个页面html的时候,可能很多时候一个页面会封装很多的组件,不知道哪个组件对应浏览器页面哪一个范围部分,除了看组件名字定义和组件页面的关键字对应找,还可以利用class名称,再谷歌浏览器调试工具的元素一栏下,直接ctrl+f查类名,会直接看到大致的范围。再进行描述注释。

  11. 链式阅读。经常会遇到js嵌套很深的方法难以很快阅读,建议尝试用vscode或者其他工具查询功能,耐心的找到调用的或封装定义的源头,通过大致的查阅调用链和源头的表达再和方法名的定义给一个大致的注释。

  12. 以上是我大致等常用阅读方式,通过我个人等经历感悟:在各种情况下我自己会灵活把控制定上面的阅读策略,常常以很短时间内掌握项目、开发项目,总会是令人吃惊和认可。你只要有一点毅力和多点策略,相信你可能也是可以的。

多多关注,分享干货。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

react、vue项目代码阅读熟悉技巧 的相关文章

随机推荐

  • 聊一聊如何用IDEA追踪Bug?

    Debug用来追踪代码的运行流程 通常在程序运行过程中出现异常 启用Debug模式可以分析定位异常发生的位置 以及在运行过程中参数的变化 通常我们也可以启用Debug模式来跟踪代码的运行流程去学习三方框架的源码 Debug开篇 首先看下ID
  • 仅仅上线一小时,下载量就破10W!阿里内部Java性能优化实战手册

    祸兮福之所倚福兮祸之所伏 上学的时候对这句话不以为然 但是在社会上走的时间越长越觉得有道理 前不久好兄弟和领导闹矛盾裸辞了 身为好兄弟的我总不能干看着吧 总要帮他找工作的 你们应该不会想我和他一起裸辞吧 大学的师兄有好几个在大厂 平常关系还
  • 在 Dockerfile 中 CMD 和ENTRYPOINT可以混着用吗?

    在 Dockerfile 中 CMD 和ENTRYPOINT可以混着用吗 在 Dockerfile 中 CMD 和 ENTRYPOINT 是两个不同的指令 它们可以单独使用 也可以结合使用 CMD 指令用于指定容器启动时默认执行的命令 它可
  • 利用回调函数消灭大量分支语句if,case

    1 背景 有这样一个场景 常见的通讯程序中 根据不同的消息类型 调用不同的处理函数 类似于处理登陆 退出登陆 发送消息等类型 上古操作可能会是这样的代码 void dealLogin std cout lt lt received logi
  • Android实现获取应用程序相关信息列表的方法

    本文所述为Androdi获取手机应用列表的方法 比如获取到Android应用的软件属性 大小和应用程序路径 应用名称等 获取所有已安装的Android应用列表 包括那些卸载了的 但没有清除数据的应用程序 同时在获取到应用信息的时候 判断是不
  • 替换字符串中的括号内容(java)

    问题描述 给你一个字符串 s 它包含一些括号对 每个括号中包含一个 非空 的键 比方说 字符串 name is age yearsold 中 有 两个 括号对 分别包含键 name 和 age 你知道许多键对应的值 这些关系由二维字符串数组
  • micropython 固件开发_Micropython编译固件的操作步骤

    目标 编译STM32F4固件并刷入到我们的开发板 STM32F407VET6 1 在Linux系统下进行编译操作 windows用户可以在虚拟机下运行Linux系统 推荐下载kali Linux系统 https www kali org d
  • 16个推荐系统开放公共数据集整理分享

    本文由深度学习与NLP编译 本文主要整理了一些与推荐系统相关的高质量的数据集 整理自Stack Overflow 一些文章 推荐站点和学术实验 其中 大多数数据集都是免费 开放的 但有些不是 需要获得许可或引用作者的工作才能使用 此外 其中
  • 微信云开发——日记小程序

    真正的大师 永远都怀着一颗学徒的心 一 项目简介 前一段时间在网上看到了一个云笔记的小程序 感觉挺不错的 闲暇之余 把他改造了一波 改成了一个专门写日记的小程序 同时 还增加了类似广场的小功能 就是可以把日记设置成公开 让所有的人都能看到
  • redis持久化配置

    redis有两种持久化方式 RDB和AOF 1 RDB配置方式 默认情况下 是快照RDB的持久化方式 将内存中的数据以快照的方式写入二进制文件中 默认的文件名是dump rdb redis conf默认配置 save 900 1 save
  • java多个jdk切换不同版本无法切换且上移环境JAVA_HOME无效的解决方案

    背景 我电脑上之前安好了java19 因为一些原因要下java1 8 发现可以设置计算机里的多个jdk版本 于是兴冲冲的开始了 网上的教程很详细 我也不啰嗦 前面进行的一切顺利 但是我始终无法切换对应的版本号 一直是原来的java19 后面
  • volatile概念详解及使用场景

    文章目录 一 volatile关键字特性 1 概念 2 特性 可见性 有序性 禁止指令重排序 原子性 二 使用场景 模式1 状态标志 模式2 独立观察 independent observation 模式3 一次性安全发布 模式4 vola
  • 1.1.2 python基本数据类型与运算符

    本章引言 任何计算机语言的学习都离不开其基础中的基础 即数据类型和运算 所以要学好一门语言必须具有扎实的基础 后期是否能够灵活使用就取决于第二章 第三章内容是否深而透 变量含义 用来存储一些之后可能会变化的值 对科比投篮ID为 1 的一次投
  • 输入入栈序列判断出栈序列是否合法(c语言实现)

    题目 分别给定入栈序列和出栈序列 然后判断出栈序列是否合法 如入栈序列是 6 5 4 3 2 1 出栈序列 4 5 3 1 2 6 是合法的 3 4 6 5 2 1 是不合法的 思路 判断出栈序列是否合法的标准是 栈顶如果是需要出栈的元素
  • Unity Code  鼓励师 插件

    使用 Visual Studio Code 编写代码 有隐藏福利插件设置哦 1 打开 Code 在扩展 搜索 鼓励 多种 插件 供你选 2 看看介绍 可以自定义哦 自己安装体验吧 3 还可以使用 蔡徐坤鼓励师 4 好想 体验 有真人 鼓励师
  • c++--解决cin输入流中遇到空格结束问题

    解决cin输入流中遇到空格结束问题 cout lt lt 请输一个字符串 lt
  • 基于stm32f1的内部读写flash

    flash是存储芯片的一种 通过特定的程序可以修改里面的数据 FLASH在电子以及半导体领域内往往表示Flash Memory的意思 即平时所说的 闪存 全名叫Flash EEPROM Memory 它结合了ROM和RAM的长处 不仅具备电
  • mysql5 autoreconnect_Mysql5的auto Reconnect错误

    一 解决方案一 最近在一个J2EE项目的开发过程中 遇到了这样的问题 在服务器上部署好这个Web系统后 这时访问系统是很正常的 当把服务器的时间 例如 2008 03 31 加一天或更多天 例如 2008 04 01 2008 04 02
  • 语义分割代码阅读---评价指标mIoU的计算

    1 语义分割IoU的定义 传统意义上的IoU Intersection over Union 交并比 直观表示 公式 语义分割中的IoU 在语义分割的问题中 这两个集合为真实值 ground truth 和预测值 predicted seg
  • react、vue项目代码阅读熟悉技巧

    在没有人给你解读项目的情况下 接手到老项目该如何开始起步熟悉呢 除了要大致到了解项目业务背景 技术栈 还应该要有通用化熟悉项目的技巧 每个人熟悉项目习惯技巧都不一样 尊重每个人的习惯和想法 建议收藏以下我的分享的熟悉项目技巧 拉项目 先熟悉