源起
2018年末,我面試了五六家大大小小的公司,其中小公司過了沒去,兩家大公司的都失敗了。在面360和拼多多的時候,因為我感覺自己面對不好,所以我在結束的時候希望面試官可以給我一個評價,意料之中的是,他們都說:你的知識面挺廣,但深度不夠。反思了自己在2018年的學習歷程,買了十幾本書,3個視訊,4本掘金小冊,閱讀各種群的群友分享的技術文件,但都是看過就忘,似乎都是在假裝努力。就此,在新的一年裡,本人痛定思過,想要做一個既有輸入又有輸出的猿,從某些小的方面入手,認真研究,爭取做到獲得面試官這樣的評價:某些方面很熟練,但知識面太窄。
暫時想了三個主題:git的熟練運用;webpack熱更新是如何實現的;前端優化。
包括2018年的我在問,git的命令列有那麼重要嗎,我sourcetree玩的很6,而且軟體還漢化了,推送、拉取、合併,按鈕嘩嘩的點。
是的,對於日常,git確實不用太過深入,衝突的時候把自己的檔案刪掉再拉下來就行了。但對於面試官來說,問了一句你瞭解 git rebase
嗎,emm...沒聽過,我一般不用命令列模式。這時候會很尬尷。不多說了,下面開始。
注:文中如有任何錯誤,請各位批評指正!
問答形式
Q1:我只想將修改過的檔案加入暫存區,不想增加新建的。
git add -u
Q2:我剛剛commit了一個錯誤的檔案,現在改正了,我想悄無聲息的更改,以免push上去被別人笑話
先修改,然後 git commit --amend
Q2:如何檢視有多少分支,當前處於哪個位置
本地倉庫 git branch
, 當前分支的前面會有一個*號標註
本地倉庫和遠端分支引用一起, 新增-a引數
Q3:如何刪除分支
確保當前分支不是要刪除的那個,git branch -D
Q4:要先建立分支再切換過去,太麻煩咯
git checkout -b <name>
,一體化操作,一步到位。
Q5:我改亂了工作區某個檔案的內容,想直接丟棄工作區的修改,檔案內容太多,記不住了
用git checkout -- file
Q6:我不但改亂了工作區某個檔案的內容,還新增到了暫存區時,想丟棄修改
第一步:用命令git reset HEAD <file>
第二步:用命令git checkout -- <file>
merge
git merge <name>
省略了主體是當前的head
merge 前要保證暫存區內有待commit的內容,工作區有沒提交的內容沒有推送,不是必須的,但是保持乾淨吧。
merge會建立一個新的commit物件
merge衝突的流程來演示下:(僅本地master和分支模擬)
新建一個資料夾learngit --> git init
--> 新建檔案a.md
--> a.md裡寫上一行,“原始檔案”--> git add a.md
--> git commit -m "origin"
-->新建分支 git checkout -b branch1
--> 修改檔案內容為“張三修改” --> 加入暫存區 git add a.md
--> 提交 git commit -m "zhangsan"
--> 返回主線,git checkout master
--> 新建分支 git checkout -b branch2
--> 修改檔案內容為“我修改” --> 加入暫存區 git add a.md
--> 提交 git commit -m "me"
--> 現在開始合併 git merge branch2
,現在就遇到我們喜聞樂見的衝突問題了,如下圖:
這個時候不要著急,看下我們的檔案:
我的編輯器根據git給加的符號來生成更友好的介面,我這裡點採用當前更改,當然直接刪除符號一樣可以 --> 這個時候要再新增一次 git add a.md
--> git commit -m "fix merge conflict"
-->最後push到線上即可
rebase
我理解的rebase為調整commit資訊,包括調整鏈式指向和刪除commit資訊等。例如有如下的commit資訊並且當前處於branch分支
E - F - G *branch
/
A - B - C - D master
複製程式碼
當我們執行:git rebase master
命令後,commit資訊將會變成:
E' - F' - G' *branch
/
A - B - C - D master
複製程式碼
最後執行 git branch -f master branch
,commit就變成了:
E' - F' - G' *branch master
/
A - B - C - D
複製程式碼
在我的理解裡,其實這裡面省略了一個引數,git rebase A B
,就是把B(B和它之前的提交)指向A,就像下面的第二種情況一樣
2.在初始化的結構中,執行 git rebase branch master
,commit 資訊會變成:
E - F - G branch - C' - D' *master
/
A - B - C - D
複製程式碼
即把 D 和 C 整體指向 branch。
3.在初始化的結構中, git merge maste
,commit資訊會變成:
E - F - G
/ \
A - B - C - D master - H *branch
複製程式碼
rebase 與 merge相比,更加線性,而且merge會增加一個新的節點。
4.rebase還可以進入互動模式,比如在初始化的結構中,使用git rebase -i branch~3
,就進入了互動模式,刪除 E 和 F 兩個 commit ,執行 git rebase --continue
,commit 資訊就會變成:
G' *branch master
/
A - B - C - D
複製程式碼
git速查表
最後整理下,以下內容全部來自Git常用命令速查表(收藏大全
名詞
master: 預設開發分支 origin:預設遠端版本庫 Index/Stage:暫存區 Workspace:工作區 Repository:倉庫區(或本地倉庫) Remote:遠端倉庫
一、新建程式碼庫
git init # 在當前目錄新建一個Git程式碼庫
git init [project-name] # 在當前目錄新建一個目錄,將其初始化為Git程式碼庫
git clone [url] # 下載一個專案和它的整個程式碼歷史
複製程式碼
二、配置
Git的設定檔案為.gitconfig,它可以在使用者主目錄下(全域性配置),也可以在專案目錄下(專案配置)。
git config --list # 顯示當前的Git配置
git config -e [--global] # 顯示Git配置檔案
git config [--global] user.name "[name]" # 設定提交程式碼時的使用者名稱
git config [--global] user.email "[email address]" # 設定提交程式碼時的使用者郵箱
複製程式碼
三、增加/刪除/修改檔案
git add [file1] [file2] ... # 新增指定檔案到暫存區
git add [dir] # 新增指定目錄到暫存區,包括子目錄
git add . # 新增當前目錄的所有檔案到暫存區
git add -p # 新增每個變化前,都會要求確認,對於同一個檔案的多處變化,可以實現分次提交
git rm [file1] [file2] ... # 刪除工作區檔案,並且將這次刪除放入暫存區
git rm --cached [file] # 停止追蹤指定檔案,但該檔案會保留在工作區
git mv [file-originname] [file-newname] # 改名檔案,並且將這個改名放入暫存區
複製程式碼
四、程式碼提交
git commit -m [message] # 提交暫存區到本地倉庫
git commit [file1] [file2] ... -m [message] # 提交暫存區指定檔案到本地倉庫
git commit -a # 提交工作區自上次commit之後的變化,直接到本地倉庫
git commit -v # 提交時顯示所有diff資訊
git commit --amend -m [message] # 使用一次新的commit,替代上一次提交,如果程式碼沒有任何變化,則用來改寫上一次commit的提交資訊
git commit --amend [file1] [file2] ... # 重做上一次commit,幷包括指定檔案的新變化
複製程式碼
五、分支
git branch # 顯示所有本地分支
git branch -r # 列出所有遠端分支
git branch -a # 列出所有本地分支和遠端分支
git branch [branch-name] # 新建一個分支,但head依然停留在當前分支
git branch --track [branch] [remote-branch] # 新建一個分支,與指定的遠端分支建立追蹤關係
git branch -d [branch-name] # 刪除指定分支
git checkout -b [branch-name] # 新建一個分支,並切換head到該分支
git checkout [branch-name] # 切換head到指定分支,並更新工作區
git checkout - # 切換到上一個分支
git branch --set-upstream [branch] [remote-branch] # 建立追蹤關係,在現有分支與指定的遠端分支之間
git merge [branch] # 合併指定分支到當前分支
git rebase <branch> # 衍合指定分支到當前分支
git cherry-pick [commit] # 選擇一個commit,合併進當前分支
複製程式碼
六、標籤
git tag # 列出所有本地標籤
git tag <tagname> # 基於最新提交建立標籤
git tag -d <tagname> # 刪除標籤
git push origin :refs/tags/[tagName] # 刪除遠端tag
git show [tag] # 檢視tag資訊
git push [remote] [tag] # 提交指定tag
git push [remote] --tags # 提交所有tag
git checkout -b [branch] [tag] # 新建一個分支,指向某個tag
複製程式碼
七、檢視資訊
git status # 檢視當前工作區狀態(與暫存區對比,增加刪除或修改)
git log # 顯示當前分支的版本歷史
git log --stat # 顯示commit歷史,以及每次commit發生變更的檔案
git log -S [keyword] # 根據關鍵字搜尋提交歷史
git log [tag] HEAD --pretty=format:%s # 顯示某個commit之後的變動,每個commit佔據一行。我記得--pretty=online也行
git log -p [file] # 顯示指定檔案相關的每一個diff
git log -5 --pretty --oneline # 顯示過去5次提交
git shortlog -sn # 顯示所有提交過的使用者,按提交次數排序
git blame [file] # 顯示指定檔案是什麼人在什麼時間修改過,這個blame很生動形象
git diff # 顯示暫存區和工作區的差異
git diff --cached [file] # 顯示暫存區和上一個commit的差異
git diff HEAD # 顯示工作區與當前分支最新commit之間的差異
git diff [first-branch]...[second-branch] # 顯示兩次提交之間的差異
git diff --shortstat "@{0 day agp}" # 顯示今天你寫了多少航程式碼
git show [commit] # 顯示某次提交的後設資料和內容變化
git show --name-only [commit] # 顯示某次提交發生變化的檔案
git show [commit]:[filename] # 顯示某次提交時,某個檔案的內容
git reflog # 顯示當前分支的最近幾次提交
複製程式碼
八、遠端操作
git fetch [remote] # 下載遠端倉庫的所有變動,注意這個時候是不會修改本地檔案的
git pull [remote] [branch] # 拉取遠端倉庫的變化,並與本地分支合併
git remote -v # 顯示所有遠端倉庫
git remote show [remote] # 顯示某個遠端倉庫的資訊
git remote add [shortname] [url] # 增加一個新的遠端倉庫,並命名
git push [remote] [branch] # 上傳本地指定分支到遠端倉庫
git push [remote] --force # 強行推送當前分支到遠端倉庫,即使有衝突
git push [remote] --all # 推送所有分支到遠端倉庫
git push <remote> :<branch/tag-name> # 刪除遠端分支或標籤
git push --tags # 上傳所有標籤
複製程式碼
九、撤銷
git reset --hrad HEAD # 撤銷工作目錄中所有未提交檔案的修改內容
git checkout HEAD <file> # 撤銷指定的未提交檔案的修改內容
git revert <commit> # 撤銷指定的提交
git log --before="1 days" # 退回到之前1天的版本
git checkout [file] # 恢復暫存區的指定檔案到工作區
git checkout [commit] [file] # 恢復某個commit的指定檔案到暫存區和工作區
git checkout . # 恢復暫存區的所有檔案到工作區
git reset [file] # 重置暫存區的指定檔案,與上一次commit保持一致,但工作區不變
git reset --hard # 重置暫存區與工作區,與上一次commit保持一致
git reset [commit] # 重置當前分支的指標未指定commit,同時重置暫存區,但工作區不變
git reset --hard [commit] # 重置當前分支的HEAD未指定commit,同時重置暫存區和工作區,與指定commit一致
git reset --keep [commit] # 重置當前HEAD未指定commit,但保持暫存區和工作區不變
複製程式碼
零散記錄
git merge <master>
把分支合併到主線 ,例如想合併到主線,要把節點切到主線,然後 git merge newBranch
git rebase
同樣是合併分支,更加線性
在分支上先 git rebase master
,然後再 git rebase newBranch
cat.git/HEAD -- 檢視head指向 與 git symbolic-ref HEAD
相對引用:使用 ^ 向上移動 1 個提交記錄,使用 ~ 向上移動多個提交記錄,如 ~3
用法一般是:git checkout newBranch^
或 git checkout newBranch~4
git cherry-pick <提交號>
,把分支提交到指定位置下 例如 git cherry-pick C2 C4
, 就是把C2 C4節點傳到master
互動式 rebase 指的是使用帶引數 --interactive 的 rebase 命令, 簡寫為 -i
git rebase -i
或 git cherry-pick
提交技巧 先 git rebase -i
將重新排序,然後 git commit --amend
小修改,然後用 git rebase -i
重新排序
git tag v1 C1
給C1加上v1的標籤
git rebase master branch
其實就是把branch指向master
git cherry-pick branch1 branch2
就是把branch2->branch1->head