2024年最新一篇文章，教你学会Git，21年前端面试题

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

HEAD，它始终指向当前所处分支的最新的提交点。你所处的分支变化了，或者产生了新的提交点，HEAD就会跟着改变。

add

image

add相关命令很简单，主要实现将工作区修改的内容提交到暂存区，交由git管理。

| git add . | 添加当前目录的所有文件到暂存区 |

| — | — |

| git add [dir] | 添加指定目录到暂存区，包括子目录 |

| git add [file1] | 添加指定文件到暂存区 |

commit

image

commit相关命令也很简单，主要实现将暂存区的内容提交到本地仓库，并使得当前分支的HEAD向后移动一个提交点。

| git commit -m [message] | 提交暂存区到本地仓库,message代表说明信息 |

| — | — |

| git commit [file1] -m [message] | 提交暂存区的指定文件到本地仓库 |

| git commit --amend -m [message] | 使用一次新的commit，替代上一次提交 |

branch

image

涉及到协作，自然会涉及到分支，关于分支，大概有展示分支，切换分支，创建分支，删除分支这四种操作。

| git branch | 列出所有本地分支 |

| — | — |

| git branch -r | 列出所有远程分支 |

| git branch -a | 列出所有本地分支和远程分支 |

| git branch [branch-name] | 新建一个分支，但依然停留在当前分支 |

| git checkout -b [branch-name] | 新建一个分支，并切换到该分支 |

| git branch --track [branch][remote-branch] | 新建一个分支，与指定的远程分支建立追踪关系 |

| git checkout [branch-name] | 切换到指定分支，并更新工作区 |

| git branch -d [branch-name] | 删除分支 |

| git push origin --delete [branch-name] | 删除远程分支 |

关于分支的操作虽然比较多，但都比较简单好记。

merge

image

merge命令把不同的分支合并起来。如上图，在实际开放中，我们可能从master分支中切出一个分支，然后进行开发完成需求，中间经过R3,R4,R5的commit记录，最后开发完成需要合入master中，这便用到了merge。

| git fetch [remote] | merge之前先拉一下远程仓库最新代码 |

| — | — |

| git merge [branch] | 合并指定分支到当前分支 |

一般在merge之后，会出现conflict，需要针对冲突情况，手动解除冲突。主要是因为两个用户修改了同一文件的同一块区域。如下图所示，需要手动解除。

image

rebase

image

rebase又称为衍合，是合并的另外一种选择。

在开始阶段，我们处于new分支上，执行git rebase dev，那么new分支上新的commit都在master分支上重演一遍，最后checkout切换回到new分支。这一点与merge是一样的，合并前后所处的分支并没有改变。git rebase dev，通俗的解释就是new分支想站在dev的肩膀上继续下去。rebase也需要手动解决冲突。

rebase与merge的区别

现在我们有这样的两个分支,test和master，提交如下：

D—E test

/

A—B—C—F master复制代码

在master执行git merge test,然后会得到如下结果：

D--------E

/ \

A—B—C—F----G test, master复制代码

在master执行git rebase test，然后得到如下结果：

A—B—D—E—C’—F’ test, master复制代码

可以看到，merge操作会生成一个新的节点，之前的提交分开显示。而rebase操作不会生成新的节点，是将两个分支融合成一个线性的提交。

如果你想要一个干净的，没有merge commit的线性历史树，那么你应该选择git rebase

如果你想保留完整的历史记录，并且想要避免重写commit history的风险，你应该选择使用git merge

reset

image

reset命令把当前分支指向另一个位置，并且相应的变动工作区和暂存区。

| git reset —soft [commit] | 只改变提交点，暂存区和工作目录的内容都不改变 |

| — | — |

| git reset —mixed [commit] | 改变提交点，同时改变暂存区的内容 |

| git reset —hard [commit] | 暂存区、工作区的内容都会被修改到与提交点完全一致的状态 |

| git reset --hard HEAD | 让工作区回到上次提交时的状态 |

revert

image

git revert用一个新提交来消除一个历史提交所做的任何修改。

revert与reset的区别

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。