2024年前端最全程序员必备技能篇：Git入门到精通，头条前端面试节奏

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

在开始使用 Git 管理项目的版本之前，需要将它安装到计算机上。可以使用浏览器访问如下的网址，根据自己的操作系统，选择下载对应的 Git 安装包：

安装完 Git 之后，要做的第一件事就是设置自己的用户名和邮件地址。因为通过 Git 对项目进行版本管理的时候，Git 需要使用这些基本信息，来记录是谁对项目进行了操作：

git config –global user.name “username” # 你的用户名

git config –global user.email “email@example.com” # 你的邮箱

😆温馨提醒😆：如果使用了 --global 选项，那么该命令只需要运行一次，即可永久生效；

1.2 Git 的全局配置文件

通过 git config --global user.name 和 git config --global user.email 配置的用户名和邮箱地址，会被写入到 C:/Users/用户名文件夹/.gitconfig 文件中。这个文件是 Git 的全局配置文件，配置一次即可永久生效。

1.3 检查配置信息

除了使用记事本查看全局的配置信息之外，还可以运行如下的终端命令，快速的查看 Git 的全局配置信息：

查看所有的全局配置项

git config –list –global

查看指定的全局配置项

git config user.name

git config user.email

1.4 获取帮助信息

1️⃣ 可以使用 git help <verb> 命令，无需联网即可在浏览器中打开帮助手册，例如：

要想打开 git config 命令的帮助手册

git help config

2️⃣ 如果不想查看完整的手册，那么可以用 -h 选项获得更简明的“help”输出：

要想打开 git config 命令的快速参考

git help -h

（2）Git 的基本操作

2.1 获取 Git 仓库的两种方式

1️⃣ 将尚未进行版本控制的本地目录转换为 Git 仓库；

2️⃣ 从其它服务器克隆一个已存在的 Git 仓库；

2.2 在现有目录中初始化仓库

如果自己有一个尚未进行版本控制的项目目录，想要用 Git 来控制它，需要执行如下两个步骤：

1. 在项目目录中，通过鼠标右键打开 “Git Bash” ；
2. 执行 git init 命令将当前的目录转化为 Git 仓库；

git init 命令会创建一个名为 .git 的隐藏目录，这个 .git 目录就是当前项目的 Git 仓库，里面包含了初始的必要文件，这些文件是 Git 仓库的必要组成部分。

2.3 工作区中文件的 4 种状态

工作区中的每一个文件可能有 4 种状态，这四种状态共分为两大类，如图所示：

😆Git 操作的终极结果😆：让工作区中的文件都处于“未修改”的状态；

2.4 检查文件的状态

可以使用 git status 命令查看文件处于什么状态；

查看指定文件状态

git status [file-name]

查看所有文件状态

git status

1️⃣ 如果在状态报告中可以看到有文件出现在 Untracked files （未跟踪的文件）下面，则说明该文件为未跟踪的文件；

2️⃣ 未跟踪的文件意味着 Git 在之前的快照（提交）中没有这些文件；Git 不会自动将之纳入跟踪范围，除非明确地告诉它“我需要使用 Git 跟踪管理该文件”；

2.5 以精简的方式显示文件状态

使用 git status 输出的状态报告很详细，但有些繁琐。如果希望以精简的方式显示文件的状态，可以使用如下两条完全等价的命令，其中 -s 是 –short 的简写形式：

以精简的方式显示文件的状态

git status -s

git status –short

😆 温馨提醒 😆： 未跟踪文件前面有红色的 ?? 标记；

2.6 跟踪新文件

使用命令 git add 开始跟踪一个文件。例如要跟踪 index.html 文件，运行如下的命令即可：

git add index.html

此时再运行 git status 命令，会看到 index.html 文件在 Changes to be committed 这行的下面，说明已被跟踪，并处于暂存状态；

😆 以精简的方式显示文件的状态 😆： 新添加到暂存区中的文件前面有绿色的 A 标记；

2.7 提交更新

现在假设暂存区中有一个 index.html 文件等待被提交到 Git 仓库中进行保存。可以执行 git commit 命令进行提交,其中 -m 选项后面是本次的提交消息，用来对提交的内容做进一步的描述：

git commit -m “新建的index.html文件”

提交成功之后，再次检查文件的状态，得到提示如下：

证明工作区中所有的文件都处于“未修改”的状态，没有任何文件需要被提交；

2.8 对已提交的文件进行修改

目前，index.html 文件已经被 Git 跟踪，并且工作区和 Git 仓库中的 index.html 文件内容保持一致。当我们修改了工作区中 index.html 的内容之后，再次运行 git status 和 git status -s 命令，会看到如下图片所示：

文件 index.html 出现在 Changes not staged for commit 这行下面，说明已跟踪文件的内容发生了变化，但还没有放到暂存区；

😆温馨提醒😆： 修改过的、没有放入暂存区的文件前面有红色的 M 标记；

2.9 暂存已修改的文件

目前，工作区中的 index.html 文件已被修改，如果要暂存这次修改，需要再次运行 git add 命令，这个命令是个多功能的命令，主要有如下 3 个功效：

1. 可以用它开始跟踪新文件；
2. 把已跟踪的、且已修改的文件放到暂存区；
3. 把有冲突的文件标记为已解决状态；

2.10 提交已暂存的文件

再次运行 git commit -m “提交消息” 命令，即可将暂存区中记录的 index.html 的快照，提交到 Git 仓库中进行保存：

2.11 撤销对文件的修改

撤销对文件的修改指的是：把对工作区中对应文件的修改，还原成 Git 仓库中所保存的版本。

操作的结果：所有的修改会丢失，且无法恢复！危险性比较高，请慎重操作！

😆撤销操作的本质😆：用 Git 仓库中保存的文件，覆盖工作区中指定的文件；

2.12 向暂存区中一次性添加多个文件

如果需要被暂存的文件个数比较多，可以使用如下的命令，一次性将所有的新增和修改过的文件加入暂存区；

git add

😆温馨提醒😆：今后在项目开发中，会经常使用这个命令，将新增和修改过后的文件加入暂存区；

2.13 取消暂存的文件

如果需要从暂存区中移除对应的文件，可以使用如下的命令：

git reset HEAD [file-name]

2.14 跳过使用暂存区域

Git 标准的工作流程是工作区 → 暂存区 → Git 仓库，但有时候这么做略显繁琐，此时可以跳过暂存区，直接将工作区中的修改提交到 Git 仓库，这时候 Git 工作的流程简化为了工作区 → Git 仓库。

Git 提供了一个跳过使用暂存区域的方式， 只要在提交的时候，给 git commit 加上 -a 选项，Git 就会自动把所有已经跟踪过的文件暂存起来一并提交，从而跳过 git add 步骤：

将工作区的内容直接加入本地仓库

git commit -a -m “描述消息”

2.15 移除文件

从 Git 仓库中移除文件的方式有两种：

1. 从 Git 仓库和工作区中同时移除对应的文件；
2. 只从 Git 仓库中移除指定的文件，但保留工作区中对应的文件；

从 Git 仓库和工作区中同时移除对应的文件

git rm -f [file-name]

只从 Git 仓库中移除指定的文件，但保留工作区中对应的文件

git rm –cached [file-name]

2.16 忽略文件

一般我们总会有些文件无需纳入 Git 的管理，也不希望它们总出现在未跟踪文件列表。 在这种情况下，我们可以创建一个名为 .gitignore 的配置文件，列出要忽略的文件的匹配模式。

文件 .gitignore 的格式规范如下：

1. 以 # 开头的是注释；
2. 以 / 结尾的是目录；
3. 以 / 开头防止递归；
4. 以 ! 开头表示取反；
5. 可以使用 glob 模式进行文件和文件夹的匹配（glob 指简化了的正则表达式）；

2.17 glob 模式

所谓的 glob 模式是指简化了的正则表达式：

1. 星号 * 匹配零个或多个任意字符；
2. [abc] 匹配任何一个列在方括号中的字符 （此案例匹配一个 a 或匹配一个 b 或匹配一个 c）；
3. 问号 ? 只匹配一个任意字符；
4. 在方括号中使用 短划线 分隔两个字符， 表示所有在这两个字符范围内的都可以匹配（比如 [0-9] 表示匹配所有 0 到 9 的数字）；
5. 两个星号 ** 表示匹配任意中间目录（比如 a/**/z 可以匹配 a/z 、 a/b/z 或 a/b/c/z 等）；

😆 .gitignore 文件的例子😆：

2.18 查看提交历史

如果希望回顾项目的提交历史，可以使用 git log 这个简单且有效的命令；

2.19 回退到指定的版本

2.20 小结

1. 初始化 Git 仓库的命令： git init
2. 查看文件状态的命令： git status 或 git status -s
3. 一次性将文件加入暂存区的命令： git add
4. 将暂存区的文件提交到 Git 仓库的命令： git commit -m "提交消息"

三、Git 分支

在进行多人协作开发的时候，为了防止互相干扰，提高协同开发的体验，所以每个开发者都基于分支进行项目功能的开发。

（1）本地分支操作

1.1 master 主分支

1️⃣ 在初始化本地 Git 仓库的时候，Git 默认已经帮我们创建了一个名字叫做 master 的分支。通常我们把这个 master 分支叫做主分支；

2️⃣ 在实际工作中，master 主分支的作用是： 用来保存和记录整个项目已完成的功能代码 ；

3️⃣ 因此，不允许程序员直接在 master 分支上修改代码，因为这样做的风险太高，容易导致整个项目崩溃；

1.2 功能分支

由于程序员不能直接在 master 分支上进行功能的开发，所以就有了功能分支的概念。功能分支指的是专门用来开发新功能的分支，它是临时从 master 主分支上分叉出来的，当新功能开发且测试完毕后，最终需要合并到 master 主分支上；

1.3 查看分支列表

使用如下的命令，可以查看当前 Git 仓库中所有的分支列表：

列出所有本地分支

git branch

😆温馨提醒😆： 分支名字前面的 * 号表示当前所处的分支；

1.4 创建新分支

使用如下的命令，可以基于当前分支，创建一个新的分支，此时，新分支中的代码和当前分支完全一样：

新建一个分支，但依然停留在当前分支

git branch [branchname]

1.5 切换分支

使用如下的命令，可以切换到指定的分支上进行开发：

git checkout [branchname]

1.6 分支的快速创建和切换

使用如下的命令，可以创建指定名称的新分支，并立即切换到新分支上：

新建一个分支，并切换到该分支

git checkout -b [branchname]

1.7 合并分支

功能分支的代码开发测试完毕之后，可以使用如下的命令，将完成后的代码合并到 master 主分支上：

切换到主分支

git checkout master

合并指定分支到当前分支

git merge [branchname]

😆温馨提醒😆：假设要把 C 分支的代码合并到 A 分支，则必须先切换到 A 分支上，再运行 git merge 命令，来合并 C 分支；

1.8 删除分支

当把功能分支的代码合并到 master 主分支上以后，就可以使用如下的命令，删除对应的功能分支：

删除分支

git branch -d [branchname]

1.9 遇到冲突时的分支合并

如果在两个不同的分支中，对同一个文件进行了不同的修改，Git 就没法干净的合并它们。 此时，我们需要打开这些包含冲突的文件然后 手动解决冲突 ；

（2）远程分支操作

2.1 将本地分支推送到远程仓库

如果是第一次将本地分支推送到远程仓库，需要运行如下的命令：

😆温馨提醒😆：第一次推送分支需要带 -u 参数 ，此后可以直接使用 git push 推送代码到远程分支；

2.2 查看远程仓库中所有的分支列表

通过如下的命令，可以查看远程仓库中，所有的分支列表的信息：

git remote show 远程仓库名称

2.3 跟踪分支

跟踪分支指的是：从远程仓库中，把远程分支下载到本地仓库中。需要运行的命令如下：

2.4 拉取远程分支的最新的代码

可以使用如下的命令，把远程分支最新的代码下载到本地对应的分支中：

从远程仓库，拉取当前分支最新的代码，保持当前分支的代码和远程分支代码一致

git pull

2.5 删除远程分支

可以使用如下的命令，删除远程仓库中指定的分支：

删除远程分支，指定名称的远程分支

最后

小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析

虽只说了一个公司的面试，但我们可以知道大厂关注的东西并举一反三，通过一个知识点延伸到另一个知识点，这是我们要掌握的学习方法，小伙伴们在这篇有学到的请评论点赞转发告诉小编哦，谢谢大家的支持！