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

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

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

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

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

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

正文

前言

上一篇文章已经讲解了Git基本命令的使用，应很多粉丝的要求，本篇文章将带小伙伴们学习Git分支、Github相关的知识，大家也可以在评论区说出自己对本文的意见，和小二一起交流学习，学习完本篇文章，相信小伙伴们将会有醍醐灌顶，入浴春风的感觉哦！！！

文章の目录

• 🏆 学习の目标

• 一、Github

• • 1.1 了解开源相关概念
• • 1.1.1 什么是开源和闭源

• 1.1.2 什么是开源许可协议

• 1.1.3 常见的5种开源许可协议

• 1.1.4 为什么要拥抱开源

• 1.1.5 开源项目托管平台

• 1.1.6 什么是 Github

• 1.2 注册账号

• • 1.2.1 注册激活Github账号流程

• 1.3 远程仓库的使用

• • 1.3.1 新建空白远程仓库

• 1.3.2 远程仓库的两种访问方式

• 1.3.3 基于HTTPS 将本地仓库上传到Github

• 1.3.4 SSH key

• 1.3.5 生成SSH key

• 1.3.6 配置SSH key

• 1.3.7 检测Github 的SSH key 是否配置成功

• 1.3.8 基于SSH 将本地仓库上传到Github

• 1.3.9 将远程仓库克隆到本地

• 二、Git分支

• • 2.1 Git 本地分支操作
• • 2.1.1 分支的概念

• 2.1.2 分支在实际开发中的作用

• 2.1.3 master 主分支

• 2.1.4 功能分支

• 2.1.5 查看分支列表

• 2.1.6 创建分支

• 2.1.7 切换分支

• 2.1.8 分支的快速创建和切换

• 2.1.9 合并分支

• 2.1.10 删除分支

• 2.1.11 遇到冲突时的分支合并

• 1.2 Git 远程分支操作

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

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

• 1.2.3 跟踪分支

• 1.2.4 拉取远程分支的最新的代码

• 1.2.5 删除远程分支

• 知识の总结

• 🥇 推荐の内容

🏆 学习の目标

=======================================================================

1. 了解Github

2. 会将本地仓库传到远程仓库

3. 会将远程仓库克隆到本地

4. 学会使用Git分支操作

一、Github

=======================================================================

1.1 了解开源相关概念

---

1.1.1 什么是开源和闭源

开源即开放源代码，代码是公开的，任何人都能够去查看、修改、使用的，相反的闭源，它的代码是封闭的，只有作者能看到闭源软件的代码，只有作者才能对源代码进行修改；

1.1.2 什么是开源许可协议

开源并不意味着完全没有限制，为了限制使用者的使用范围和保护作者的权利，每个开源项目都应该遵守开源许可协仪（Open Source License ）。

1.1.3 常见的5种开源许可协议

① BSD（Berkeley Software Distribution）

② Apache Licence 2.0

③ GPL（GNU General Public License）

⚫ 具有传染性的一种开源协议，不允许修改后和衍生的代码做为闭源的商业软件发布和销售

⚫ 使用 GPL 的最著名的软件项目是：Linux

④ LGPL（GNU Lesser General Public License）

⑤ MIT（Massachusetts Institute of Technology, MIT）

⚫ 是目前限制最少的协议，唯一的条件：在修改后的代码或者发行包中，必须包含原作者的许可信息

⚫ 使用 MIT 的软件项目有：jquery、Node.js

1.1.4 为什么要拥抱开源

开源的核心思想是“我为人人，人人为我”，人们越来越喜欢开源大致是出于以下 3 个原因：

① 开源给使用者更多的控制权

② 开源让学习变得容易

③ 开源才有真正的安全

开源是软件开发领域的大趋势，拥抱开源就像站在了巨人的肩膀上，不用自己重复造轮子，让开发越来越容易。

1.1.5 开源项目托管平台

专门用于免费存放开源项目源代码的网站，叫做开源项目托管平台。目前世界上比较出名的开源项目托管平台

主要有以下 3 个：

⚫ Github（全球最牛的开源项目托管平台，没有之一）

⚫ Gitlab（对代码私有性支持较好，因此企业用户较多）

⚫ Gitee（又叫做码云，是国产的开源项目托管平台。访问速度快、纯中文界面、使用友好）

注意：以上 3 个开源项目托管平台，只能托管以 Git 管理的项目源代码，因此，它们的名字都以 Git 开头。

1.1.6 什么是 Github

Github 是全球最大的开源项目托管平台。因为只支持 Git 作为唯一的版本控制工具，故名 GitHub。 在 Github 中，你可以：

① 关注自己喜欢的开源项目，为其点赞打 call

② 为自己喜欢的开源项目做贡献（Pull Request） ③ 和开源项目的作者讨论 Bug 和提需求 （Issues） ④ 把喜欢的项目复制一份作为自己的项目进行修改（Fork） ⑤ 创建属于自己的开源项目

⑥ etc…

So，Github ≠ Git

1.2 注册账号

---

1.2.1 注册激活Github账号流程

① 访问 Github 的官网首页 https://github.com/

② 点击“Sign up”按钮跳转到注册页面

③ 填写可用的用户名、邮箱、密码

④ 通过点击箭头的形式，将验证图片摆正

⑤ 点击“Create account”按钮注册新用户

⑥ 登录到第三步填写的邮箱中，点击激活链接，完成注册；

1.3 远程仓库的使用

---

1.3.1 新建空白远程仓库

1.3.2 远程仓库的两种访问方式

Github 上的远程仓库，有两种访问方式，分别是HTTPS和SSH。它们的区别是：

①HTTPS：零配置；但是每次访问仓库时，需要重复输入Github 的账号和密码才能访问成功

②SSH：需要进行额外的配置；但是配置成功后，每次访问仓库时，不需重复输入Github 的账号和密码注意：在实际开发中，推荐使用SSH 的方式访问远程仓库。

1.3.3 基于HTTPS 将本地仓库上传到Github

1.3.4 SSH key

SSH key 的作用：实现本地仓库和Github 之间免登录的加密数据传输。SSH key 的好处：免登录身份认证、数据加密传输。

SSH key 由两部分组成，分别是：

①id_rsa（私钥文件，存放于客户端的电脑中即可）

②id_rsa.pub（公钥文件，需要配置到Github 中）

1.3.5 生成SSH key

①打开Git Bash

②粘贴如下的命令，并将your_email@example.com 替换为注册Github 账号时填写的邮箱：

⚫ssh-keygen -t rsa -b 4096 -C “your_email@example.com”

③连续敲击3 次回车，即可在C:\Users\用户名文件夹.ssh目录中生成id_rsa和id_rsa.pub 两个文件；

1.3.6 配置SSH key

①使用记事本打开id_rsa.pub文件，复制里面的文本内容

②在浏览器中登录Github，点击头像-> Settings-> SSH and GPG Keys -> New SSH key ③将id_rsa.pub 文件中的内容，粘贴到Key 对应的文本框中

④在Title 文本框中任意填写一个名称，来标识这个Key 从何而来

1.3.7 检测Github 的SSH key 是否配置成功

打开Git Bash，输入如下的命令并回车执行：

上述的命令执行成功后，可能会看到如下的提示消息：

输入yes 之后，如果能看到类似于下面的提示消息，证明SSH key 已经配置成功了：

1.3.8 基于SSH 将本地仓库上传到Github

1.3.9 将远程仓库克隆到本地

打开Git Bash，输入如下的命令并回车执行：

二、Git分支

======================================================================

文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

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

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

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

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

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

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

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