一篇文章,教你学会Git,前端面试回忆录

95 阅读7分钟

在掌握具体命令前,先理解下HEAD。

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的区别

image

  • git revert是用一次新的commit来回滚之前的commit,git reset是直接删除指定的commit。

  • 在回滚这一操作上看,效果差不多。但是在日后继续merge以前的老版本时有区别。因为git revert是用一次逆向的commit“中和”之前的提交,因此日后合并老的branch时,导致这部分改变不会再次出现,减少冲突。但是git reset是之间把某些commit在某个branch上删除,因而和老的branch再次merge时,这些被回滚的commit应该还会被引入,产生很多冲突。关于这一点,不太理解的可以看这篇文章

  • git reset 是把HEAD向后移动了一下,而git revert是HEAD继续前进,只是新的commit的内容和要revert的内容正好相反,能够抵消要被revert的内容。

push

上传本地仓库分支到远程仓库分支,实现同步。

| git push [remote][branch] | 上传本地指定分支到远程仓库 |

| --- | --- |

| git push [remote] --force | 强行推送当前分支到远程仓库,即使有冲突 |

| git push [remote] --all | 推送所有分支到远程仓库 |

其他命令

| git status | 显示有变更的文件 |

| --- | --- |

| git log | 显示当前分支的版本历史 |

| git diff | 显示暂存区和工作区的差异 |

JavaScript

  • js的基本类型有哪些?引用类型有哪些?null和undefined的区别。

  • 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)

  • Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?

  • JS常见的dom操作api

  • 解释一下事件冒泡和事件捕获

  • 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?

  • 对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?

  • this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?

  • call,apply,bind

  • 显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链

  • 创建对象的多种方式

  • 实现继承的多种方式和优缺点

  • new 一个对象具体做了什么

  • 手写Ajax,XMLHttpRequest

  • 变量提升

  • 举例说明一个匿名函数的典型用例

  • 指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?

  • attribute和property的区别

  • document load和document DOMContentLoaded两个事件的区别

  • JS代码调试

开源分享:docs.qq.com/doc/DSmRnRG…