前端学习第四周-git的基本命令，以及git指令合集；响应式布局的以及变量的方式，嵌套和继承

---

前言

本周主要学习了git的基本命令，以及git指令合集；响应式布局的以及变量的方式，嵌套和继承。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、git基本命令

ipconfig： 查询ip地址
ping www.baidu.com: 是否能访问百度

mkdir 文件夹名： 创建文件夹
touch 文件名：创建文件
pwd: 返回当前文件的路径
rm 文件名： 删除文件
cat 文件名： 查看小文件
less 文件名： 查看大的文件 (esc : wq)
ls: 查看当前文件夹下面的，没有隐藏的文件
ls -a: 查看当前文件夹下面的所有的文件
cd 文件夹： 进入某个文件夹
cd …:返回上级文件夹
cd : 返回到根部文件夹。
clear: 清屏

二、git 指令合集

1.配置环境

git config --global user.email “email” : 配置邮箱
git config --global user.name “name” ：配置名字
git config --list : 产看配置清单

git init ： 初始化本地仓库 （正常不用）
git status: 查看仓库当前状态
（仓库里面不要再套仓库）

git add . : 把所有的文件推到暂存区
git commit -m “注释” ：把暂存区的内容全部提交到本地仓库 （一定要写注释）

2.查看日志：

git log: 查看比较完整的日志
git log --oneline:查看精简日志
git reflog: 查看所有精简日志（包括被覆盖的）

3.版本回退

（一）
git reset --hard Head~num： 指定回退到num对应的版本
(num的排序是最近的一次为0，依次往前数字增大)
（二）
git reset --hard 版本号（前7位）： 指定回退到“版本号（前7位）”对应的版本

4.分支

git branch: 查询分支
git branch 分支名： 新建分支
git checkout 分支名： 切换到“分支名”对应的分支
git branch -d 分支名： 删除 “分支名”对应的分支
git merge 分支名： 合并分支

5.本地拉取

git clone 地址：把线上代码拉取到本地
git push :把本地仓库的代码推送到线上仓库
git pull ：把线上代码同步到本地

6.步骤

1.git add .
2.git commit -m “zhushi”

3. git pull
4. git push

查找自己的公钥文件（方便被拉入别人的分支）
c盘-user-.ssh-里面的.hub结尾的文件

三、响应式布局

原理：通过媒体查询
@media screen and (min-width:540px) and (max-width:900px){
.选择器{
样式;
}
}
撑开页面的大盒子一般使用百分比，例如头部width:100%;

四、sass预处理器

让css语言拥有编程的思想

一个小提问

eg：需求是希望可以快捷换主题，比如一些状态栏的和侧边栏颜色统一的改变 可以通过命名变量名来设置

>  <style> 	html{
> 		--li:blue;  <!--命名可以自己设置--> 		} 	.box{ 		width:100px;
> 		height:100px; 		background:var(--li); 		} </style> 	<div
> class="box"></div>

一层一层上一级去寻找，不会找到兄弟元素，寻找父级元素执行

sass本有两种语法，以.sass后缀和.scss后缀的文件，但.sass后缀的语法太过于严格，所以一般不使用，scss为css的语法，建议使用

/*注释了仍然会编译，不建议使用*/
//注释之后则不会编译

五、其他

1.定义变量的方式 $变量名

$ft:40px;
div{
	font-size:$ft;
	}

2.嵌套

选择器的嵌套
属性嵌套（了解）

3.继承

@extend .类名
按照被继承的选择器样式的顺序来实现，并不是继承@extend的顺序
不管是否是子代关系，都可以继承

4.minxin函数

@minxin 函数名($变量名:变量值){

}
div{
@include 函数名;
}

sass的命名中，以下划线_开头，默认为一个小模块文件，例如"_header",
方便@import "_header“;引入

渐进增强：按照最原本的功能开发，满足所有浏览器，根据高版本的浏览器去增加相应的特效
优雅降级：按照最高格式开发网页，根据低版本浏览器去屏蔽相应的效果。

重绘：不一定会影响回流
回流：规模，尺寸，布局的改变，一定会影响重绘

总结

本周的知识虽然有些乱，但是让代码的编写更加的灵活