先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

IdentityFile ~/.ssh/github_jslite

Host abc.github.com

HostName github.com

User git

IdentityFile ~/.ssh/github_abc

4.测试

ssh -T git@jslite.github.com#@后面跟上定义的Host

push

git push origin master

git push -f origin master#强制推送

缩写 -f

全写–force

注：强制推送文件没有了哦

pull

只能拉取origin里的一个url地址，这个fetch-url

默认为你添加的到origin的第一个地址

git pull origin master

git pull –all#获取远程所有内容包括tag

git pull origin next:master#取回origin主机的next分支，与本地的master分支合并

git pull origin next#远程分支是与当前分支合并

上面一条命令等同于下面两条命令

git fetch origin

git merge origin/next

如果远程主机删除了某个分支，默认情况下，git pull 不会在拉取远程分支的时候，删除对应的本地分支。这是为了防止，由于其他人操作了远程主机，导致git pull不知不觉删除了本地分支。

但是，你可以改变这个行为，加上参数 -p 就会在本地删除远程已经删除的分支。

$ git pull -p

等同于下面的命令

gitfetch–pruneorigin g i t f e t c h – p r u n e o r i g i n git fetch –prune origin git fetch -p

新建仓库

---

init

git init#初始化

status

git status#获取状态

add

git add file#.或*代表全部添加

git rm –cached 在commit之前撤销git add操作

git reset head好像比上面git rm –cached更方便

commit

git commit -m “message”#此处注意乱码

remote

git remote add origin git@github.com:JSLite/test.git#添加源

push

git push -u origin master#push同事设置默认跟踪分支

git push origin master

从现有仓库克隆

git clone git://github.com/JSLite/JSLite.js.git

git clone git://github.com/JSLite/JSLite.js.git mypro#克隆到自定义文件夹

git clone [user@]example.com:path/to/repo.git/#SSH协议还有另一种写法。

git clone支持多种协议，除了HTTP(s)以外，还支持SSH、Git、本地文件协议等，下面是一些例子。$ git clone <版本库的网址> <本地目录名>

gitclonehttp[s]😕/example.com/path/to/repo.git/ g i t c l o n e h t t p [ s ] : / / e x a m p l e . c o m / p a t h / t o / r e p o . g i t / git clone http[s]😕/example.com/path/to/repo.git/ git clone ssh://example.com/path/to/repo.git/

gitclonegit://example.com/path/to/repo.git/ g i t c l o n e g i t : / / e x a m p l e . c o m / p a t h / t o / r e p o . g i t / git clone git://example.com/path/to/repo.git/ git clone /opt/git/project.git

gitclonefile:///opt/git/project.git g i t c l o n e f i l e : / / / o p t / g i t / p r o j e c t . g i t git clone file:///opt/git/project.git git clone ftp[s]😕/example.com/path/to/repo.git/

$ git clone rsync://example.com/path/to/repo.git/

submodule

git submodule add –force 仓库地址 路径

其中，仓库地址是指子模块仓库地址，路径指将子模块放置在当前工程下的路径。

注意：路径不能以 / 结尾（会造成修改不生效）、不能是现有工程已有的目录（不能順利 Clone）

git submodule init初始化submodule

git submodule update更新submodule(必须在根目录执行命令)

当使用git clone下来的工程中带有submodule时，初始的时候，submodule的内容并不会自动下载下来的，此时，只需执行如下命令：

git submodule update –init –recursive下载的工程带有submodule

git submodule foreach git pullsubmodule 里有其他的 submodule 一次更新

git submodule foreach git pull origin mastersubmodule更新

git submodule foreach –recursive git submodule init

git submodule foreach –recursive git submodule update

本地

–

add

git add *#跟踪新文件

git add -u [path]#添加[指定路径下]已跟踪文件

rm

rm &git rm #移除文件

git rm -f *#移除文件

git rm –cached *#取消跟踪

git mv file_from file_to#重命名跟踪文件

git log#查看提交记录

commit

git commit#提交更新

git commit -m ‘message’#提交说明

git commit -a#跳过使用暂存区域，把所有已经跟踪过的文件暂存起来一并提交

git commit –amend#修改最后一次提交

git commit log#查看所有提交，包括没有push的commit

git commit -m “#133”#关联issue 任意位置带上#符号加上issue号码

git commit -m “fix #133”commit关闭issue

git commit -m ‘概要描述’ ′\n\n″1.详细描述′ ′ \n \n ″ 1. 详 细 描 述 ′ ‘\n\n’‘1.详细描述’’\n”2.详细描述’#提交简要描述和详细描述

reset

git reset HEAD*#取消已经暂存的文件

git reset –mixed HEAD*#同上

git reset –soft HEAD*#重置到指定状态，不会修改索引区和工作树

git reset –hard HEAD*#重置到指定状态，会修改索引区和工作树

git reset – files*#重置index区文件

revert

git revert HEAD#撤销前一次操作

git revert HEAD~#撤销前前一次操作

git revert commit##撤销指定操作

checkout

git checkout – file#取消对文件的修改（从暂存区——覆盖worktree file）

git checkout branch|tag|commit – file_name#从仓库取出file覆盖当前分支

git checkout HEAD~1 [文件]#将会更新 working directory 去匹配某次 commit

git checkout – .#从暂存区取出文件覆盖工作区

git checkout -b gh-pages 0c304c9这个表示 从当前分支 commit 哈希值为 0c304c9 的节点，分一个新的分支gh-pages出来，并切换到 gh-pages

diff

git diff file#查看指定文件的差异

git diff –stat#查看简单的diff结果

git diff#比较Worktree和Index之间的差异

git diff –cached#比较Index和HEAD之间的差异

git diff HEAD#比较Worktree和HEAD之间的差异

git diff branch#比较Worktree和branch之间的差异

git diff branch1 branch2#比较两次分支之间的差异

git diff commit commit#比较两次提交之间的差异

$ git diff master…test#上面这条命令只显示两个分支间的差异

git diff master…test#你想找出’master’,’test’的共有 父分支和’test’分支之间的差异，你用3个’.’来取代前面的两个’.’

stash

git stash#将工作区现场（已跟踪文件）储藏起来，等以后恢复后继续工作。

git stash list#查看保存的工作现场

git stash apply#恢复工作现场

git stash drop#删除stash内容

git stash pop#恢复的同时直接删除stash内容

git stash apply stash@{0}#恢复指定的工作现场，当你保存了不只一份工作现场时。

merge

git merge –squash test##合并压缩，将test上的commit压缩为一条

cherry-pick

git cherry-pick commit#拣选合并，将commit合并到当前分支

git cherry-pick -n commit#拣选多个提交，合并完后可以继续拣选下一个提交

rebase

git rebase master#将master分之上超前的提交，变基到当前分支

git rebase –onto master 169a6#限制回滚范围，rebase当前分支从169a6以后的提交

git rebase –interactive#交互模式，修改commit

git rebase –continue#处理完冲突继续合并

git rebase –skip#跳过

git rebase –abort#取消合并

分支branch

---

删除

git push origin :branchName#删除远程分支

git push origin –delete new#删除远程分支new

git branch -d branchName#删除本地分支，强制删除用-D

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

篇幅有限，仅展示部分截图：

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
0211d347.png)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-Ghyl5Gdm-1713135353468)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！