第四阶段学习

本周学习

Git

Git:个人开发过渡到团队协作

分布式版本控制系统：

Git工作机制

• 代码托管中心(远程库)：基于网络网络服务器的远程代码仓库。
• 局域网：GitLab
• 互联网：GitHub (外网) Gitee（内网）

GitHub

• 创建远程库
• 代码推送Push
• 代码拉取Pull
• 代码克隆Clone
• SSH免密登陆
• Idea集成GitHub

Gitee码云

• 码云创建远程库
• Idea集成Gitee码云
• 码云连接GitHub进行代码的复制和迁移

GitLab

• 服务器的搭建和部署

• Idea集成GitLab

步骤

• 设置用户签名

• 查看本地登陆的账号或邮箱：git config user.name/email

• 设置或切换本地登录的账号：git config --global user.name “用户名”/email"邮箱"

初始化本地库

git init

连接远程仓库

git remote add origin 地址值 

查看本地库状态

​ 输入 git status

​ 文件内容：vim 文件名（hello.txt）

​ i编辑 esc退出编辑 shift zz(大写) 保存

​ cat 文件名：查看文件

​ tail -n 行数 文件名：查看倒数的几行

添加暂存区

添加：git add 文件名

​ git add --all 添加所有的文档

​ 在暂存区删除（本地并未删除，ll 可查看）：git rm --cached 文件名

提交本地库

​ 提交：git commit -m “日志信息（first commit）” 文件名

​ 查看版本信息：git reflog 或 git log（更详细）

版本穿梭

git reset --hard 版本号

底层：移动的是HEAD的指针

Git分支

• 查看分支：git branch -v(详细) 或 git branch -a()
• 创建分支：git branch 分支名
• 删除分支：git branch -D 文件名
• 切换分支：git checkout 分支名
• 合并分支：git merge 分支名

​ 注：当执行 git checkout . 或者 git checkout – 命令时，会用暂存区全部或指定的文件替换工作区的文件。这个操作很危险，会清除工作区中未添加到暂存区中的改动。

团队协作

• 创建远程库和别名
• 查看远程库：git remote -v
• 创建远程库：git remote add 远程库名 地址

1.推送本地库到远程库

• git push 别名 分支
• git push -u origin master //将本地主分支推到远程(如无远程主分支则创建，用于初始化远程仓库)

2.拉取远程库

git pull 别名 分支

3.克隆远程仓库到本地

• 新建一个文件，将远程地址克隆到本文件
• git clone 远程地址
• 克隆会完成三件事：拉取代码；初始化本地仓库；创建别名

Sass

作用：减少css重复的代码，节省开发时间。

作用域

只在当前的层级上有效果
h1:green;p:red;

$myColor: red;

h1 {
$myColor: green; *// 只在 h1 里头有用，局部作用域*
**color**: $myColor;
}

p {
**color**: $myColor;
}

全局作用域：!global

h1和p标签都是green

$myColor: red;

h1 {
$myColor: green !global; *// 全局作用域*
**color**: $myColor;
}

p {
**color**: $myColor;
}

Sass导入文件

• @import
  支持@import指令，Sass@import指令将文件包含在css中，不需要额外的HTTP请求

​ 语法：@import filename;

​ 若不想把一个Sass文件编译到CSS，可在文件开头添加一个下划线，但注意：不能将带下划线与不带下划线的同名文件放置在同一个目录下，如_colors.scss 和 colors.scss，不然带下划线的文件将会被忽略。

• @mixin 指令允许我们定义一个可以在整个样式表中重复使用的样式。

• @include 指令可以将混入（mixin）引入到文档中。

​ 注：Sass 的连接符号 - 与下划线符号 _ 是相同的

• @extend指令告诉Sass一个选择器的样式从另一选择器继承。用于只有少量区别的样式，@extend 很好的体现了代码的复用。

下周计划

1. 完成第四次考核页面
2. 复习js相关知识